vue学习笔记：一、vue基础语法

1、模板语法

Mustache语法：{{ msg }}

Html赋值：v-html=“”

绑定属性：v-bind:id=“”

使用表达式：{{ ok ? 'YES' : 'NO'}}

文本赋值：v-text=“”

指令：v-if=“”

过滤器：{{message | capitalize}} 和 v-bind:id="rawId | formatId"

2、Class 和Style绑定

对象语法：v-bind:class="{ active:isActive,'test-danger':hasError}"

数组语法：

<div v-bind:class="{ activeClass, errorClass}">

datas:{

activeClass: "active',

errorClass: "text-danger'

}

style绑定-对象语法：v-bind:style="{ color:activeColor,fontSize:fontSize+'px'}"

3、条件渲染

v-if：为ture的时候渲染

v-else

v-else-if

v-show：

v-cloak：同步隐藏

v-if、v-show:区别，v-show控制的是div，代码有被加载，v-if控制的是dom，为false时候代码不会被加载。

4、vue事件处理

v-on:click="greet" 或者 @click="greet"

v-on:click.stop、v-on:click.stop.prevent、v-on:click.self、v-on:click.once

v-on:keyup.enter (enter/tab/delete/space/up/down/left/right)

5、vue组件

全局组件和局部组件

父子组件通讯-数据传递（不予许子组件修改父组件的data，通过Emit event去实现父子组件的通讯）

slot