Vue 基础

内置指令

1、v-bind：单向绑定解析表达式，可简写为：:xxx。

2、v-model：双向数据绑定。

3、v-for：遍历数组、对象、字符串。

4、v-on：绑定事件监听，可简写为 @xxx（如：@click）。

5、v-if：条件渲染（动态控制节点是否存在）。

6、v-else：条件渲染（动态控制节点是否存在）。

7、v-show：条件渲染（动态控制节点是否展示）。

8、v-text：可向其所在的节点中渲染文本内容，它与插值语法的区别在于：v-text 会替换掉节点中的内容，而{{xx}}插值语法则不会替换。

React 的定义方式

定义方式一

1，使用函数定义的方式：

1
2
3
4
5
6
7
8
9

export default function App（props）{
    return(
        <div>
            /* return中只能存在一个div包裹的情况，
            不能存在两个div同等级的情况。*/
            <h1>{props.xxx}</h1>
        </div>
    )
}