鱼儿灬天上飞
鱼儿灬天上飞

Vue基本语法

vue语法

插值

1. 文本：{{}}

2. html: v-html

3. html属性： v-bind

4. 表达式：{{flag?Yes:No}}

条件语句

1. v-if ,v-else,v-else-if(v-else,v-else-if必须跟在v-if或者v-else-if之后)

2. v-show（只是改变display 的值，结点依然在Dom中）

循环语句

1. v-for(使用v-for需要为每一项添加一个唯一的key)

事件

1. 语法：v-on:click="表达式或者方法名称"  或者@click = "表达式或者方法名称"

样式绑定

1. class属性绑定

    1) v-bind:class = {active：isActive}对象绑定(单个或者多个)

    2) class="static"

    3) :class="[activeClass,errorClass]"数组绑定

2. sytle属性绑定

    1) :style="{active：isActive}"(json格式)

    2) :style= "static"

    3) :style ="[activeClass,errorClass]"(注意向后问题，同样的样式只用前面的，忽略后面的)

计算属性

1. computed （处理一些复杂逻辑很有用）（是一个属性，所以使用时不需要夹（））

监听属性

1.  vue.js监听属性watch,我们可以通过watch来响应数据变化 


vue.js表单输入绑定

1. v-model (标签或者组件必须有value属性和input事件)主要包括 ,,