vue学习笔记（2）：模板语法

模板路径：

vue文件构成：模板template、script 、样式style

模板语法：模板涉及到得语法。https://cn.vuejs.org/v2/guide/syntax.html

（1）{{  msg(js变量)  }}

在props或data对变量msg进行定义(data必须是函数。)

data（）{

msg：‘HelloWorld’

}

1.文本

2.原始HTML

v-html='msg'

3.特性

：id=‘id’(v-bind：简写成：)

v-on：click简写成@click

4.表达式

(2)指令

<p v-if="seen">你现在又看见我了。</p>

v-else

v-else-if

v-show

v-hide

自定义指令

Vue.directive('n',{ })
//引入vue库
import Vue from 'vue'

v-if生效了。

钩子函数

bind

update

什么时候才用自定义指令？

功能没有复杂到用组件去做这件事（一个数据过来，对数据做很多的处理，没有上升到很复杂的过程，又不是一个表达式能解决的）

运行项目：