vue入门及常用指令

vue入门及常用指令

快速入门：

​ 在js代码区域创建vue核心对象，并进行绑定

new vue({

​ el:"#id",//绑定HTML标签的id

​ data(){

​ return{

}

}

});

常用指令

1. v-bind 简写 ：“：+属性” 为HTML标签绑定属性值，如设置href，Css样式等

2. v-model 在表单元素上创建双向数据绑定

3. v-on 简写 ：“@+属性” 为HTML标签绑定事件

4. v-if 、v-else、v-else-if 条件性的染某元素，判定为true时渲染否则不渲染

5. v-show 根据条件展示某元素，区别在于切换的是display属性的值

6. v-for 列表渲染，遍历容器的元素或者对象的属性