vue.js小结

1、v-for   如果不加v-cloak 的时候,页面加载的时候,会先出现  {{item.name}},再显示对应的数据。<style>    [v-cloak]{ display: none; }     </style>

2、v-if  v-show的区别

        v-if是动态的向DOM树内添加或者删除DOM元素;               简单的说就是给dom的attr()添加元素。
        v-show是通过设置DOM元素的display样式属性控制显隐;  简单的说就是 给dom添加style :display:none的样式。

3、v-bind  v-on  v-model的区别

      v-bind 动态地绑定一个或多个特性、或一个组件 prop 到表达式。  缩写 :

      v-on  指令用于监听DOM事件 形式如:v-on:click     缩写(@click).。

      v-model   在表单控件或者组件上创建双向绑定。

4、v-html   v-text   {{}}的区别

         {{}}        将元素当成纯文本输出

         v-html  会将元素当成HTML标签解析后输出

         v-text   会将元素当成纯文本输出           

 

原文地址:https://www.cnblogs.com/lsy26821/p/9930143.html