美文网首页
2018-09-13 vue第三章

2018-09-13 vue第三章

作者: 天色见晚 | 来源:发表于2018-09-13 20:29 被阅读0次

      v-for="" 循环

      v-model  双向数据绑定 一般用于表单元素

      v-on:事件名  v-on:click="函数名"  @click=""    绑定事件

      v-show/v-if  控制元素的显示或隐藏

      v-bind:属性名=''      简写:    :属性名=''  绑定属性

      v-if    

      v-else

     v-else 元素必须紧跟在带 v-if 或者 v-else-if 的元素的后面,否则它将不会被识别。

     v-else-if

    v-else-if,顾名思义,充当 v-if 的“else-if 块”,可以连续使用:类似于 v-else,v-else-if 也必须紧跟在带 v-if 或者 v-        else-if 的元素之后。

    v-html 

    v-text

    v-once  只绑定一次

    只渲染元素和组件一次。随后的重新渲染,元素/组件及其所有的子节点将被视为静态内容并跳过。这可以用于优化更新性能。

    v-pre  原样输出

    跳过这个元素和它的子元素的编译过程。可以用来显示原始 Mustache 标签。跳过大量没有指令的节点会加快编译。

    v-cloak 

    这个指令保持在元素上直到关联实例结束编译。和 CSS 规则如 [v-cloak] { display: none } 一起用时,这个指令可以隐藏未编译的 Mustache 标签直到实例准备完毕。

    过滤器:对显示在页面上的数据进行处理筛选操作js

    Vue.filter('过滤器的名字',function(data){

      })

      html

      {{8|过滤器的名字}}

    相关文章

      网友评论

          本文标题:2018-09-13 vue第三章

          本文链接:https://www.haomeiwen.com/subject/llyggftx.html