指令必须写在标签里面
v-if=“isshow” data:{isshow:true显示，如果为false，else显示}
v-else if相反的情况，else显示
v-show=“isshow” data:{isshow:true显示，如果为false，display：none
始终会被渲染到html上}
v-on指令
toggle为按钮绑定点击事件
函数定义在methods配置项中
v-on：可以简写成@ <button @click=‘fn()’>toggle
methods:{
fn:function(){
alert(“Hello Vue”)}
}
v-on后面可以添加的修饰符
.stop:调用event.stopPropagation()
.prevent:调用event.preventDefault()
.self:中档
v-model与v-bind指令
v-mode指令只能用在input、select、textarea等这些表单元素上
{{msg}}
data:{msg:“hello msg”}实现数据的双向绑定
v-bind能够动态的给这些属性添加值可以使用v-bind指令
data:{imgsrc：“images/1.jpg”}
简写方式：
v-for指令
遍历data中的数据，并在页面进行数据展示
v-for =(item,index)in items
item表示item每次遍历得到的元素
index表示item的索引，可选参数
items表示数组或者对象
forEach专门用来循环数组，直接循环出value和索引key（index）值
不能return
ary.forEach((item,index)
for in循环出的是key,一般常用来遍历对象或json,也能遍历数组，拿到的是索引
for (const key in obj)
for of 一般遍历数组， 循环出的是value，不能直接遍历对象，配合Object.keys()遍历对象
for (const val of Object.keys(obj))
