vue 简介以及常见的指令

vue
渐进式 js 框架 data数据与模板指令结合 以及样式
指令以及相关的概念
所有指令都要在指定的html标签内执行才有用
{{}} 显示的指令 data将数据与模板结合
指令的值应该看作js的表达 或者是data里面的值
模板指令中字符串的引用要用单引号

1. 文本渲染指令

   {{js表达式}}
   v-text  
   v-html可以渲染数据中的html标签
   

2. 条件渲染指令

   v-if="表达式的值" 通过移除dom元素来隐藏
   v-else
   v-show通过css display：none 方法来隐藏
   

3. 属性的绑定

   v-bind：属性名="值"
   ：属性名="值"
   

4. 事件绑定

   v-on：事件名="执行的内容"
   v-on：click="num=1"
   简写方法：@事件名=""
   @click="num=2" 当单击的时候设置num的值为2 <button @click="num=3">吧</button>
   <p v-if="num==1"
   

5. 事件处理函数
   methods:{
   showMsg();
   }
   注意：属性的绑定用冒号：
   事件的绑定可以用@符号

6. 条件渲染

   v-if:"表达式"	移除dom 结构隐藏
   v-else
   v-show 通过css隐藏
   

来源：CSDN

作者：xinmenglin

链接：https://blog.csdn.net/xinmenglin/article/details/104598614