一 ： 指令的概念：
指令是vue自定义的以v-开头的自定义属性。每个不同的属性都有各自不同的意义和功能
二 ： 指令的语法：
v-指令名 = “表达式判断或者是业务模型中属性名或者事件名”
三 ： 具体指令
- v-text
作用 ： 操作元素中的纯文本
快捷方式 ： {{}}
栗子1
简写形式：将v-text=""换成{{}}
<div id="app">
{{ message }}
</div>
var app = new Vue({
el : '#app',
data : {
message : 'hello world'
}
})
结果：hello world
例子2
<h1 id="app1" v-text="'今天是'+year+'年'+month+'月'"></h1>
var app1 = new Vue({
el : "#app1",
data : {
year : new Date().getFullYear(),
month : new Date().getMonth()+1
}
})
结果：今天是2017年5月
大胡子{{}}里边支持表达式
但不是所有的表达式都能放在里边，只有单个语句的可以，像var和if就不可以
如果想使用if语句的话，用三元运算符代替
- v-html
作用 ： 操作元素中的HTML标签
v-text会将元素当成纯文本输出，v-html会将元素当成HTML标签解析后输出
栗子1
<div id="app3">
{{ message }}
</div>
var app3 = new Vue({
el : "#app3",
data : {
message : ""
}
})
由此可见：{{}}/v-text不能解析html元素，只会照样输出
