vue指令

v-on： v-on指令的作用是:为元素绑定事件 事件名不需要写on 指令可以简写为@ 绑定的方法定义在methods属性中 方法内部通过this关键字可以访问定义在data中数据 计算应用示例： {

            } 总结： 创建Vue示例时:el(挂载点),data(数据),methods(方法) v-on指令的作用是绑定事件,简写为@ 方法中通过this,关键字获取data中的数据 v-text指令的作用是:设置元素的文本值,简写为{{}} v-html指令的作用是:设置元素的innerHTML

v-show: v-show指令的作用是:根据真假切换元素的显示状态 原理是修改元素的display,实现显示隐藏 指令后面的内容,最终都会解析为布尔值 值为true元素显示,值为false元素隐藏 数据改变之后,对应元素的显示状态会同步更新 示例：

            v-if： v-if指令的作用是:根据表达式的真假切换元素的显示状态 本质是通过操纵dom元素来切换显示状态 表达式的值为true,元素存在于dom树中,为false,从dom树中移除 频繁的切换v-show,反之使用v-if,前者的切换消耗小