vue文档重读有感

 vue 官方文档,每次读都有不一样的感受。项目已经做过一个了,遇到了不少问题,下面总结下这次看到的注意点:

 一、指令方面

    1、 v-once  一次性绑定,只渲染元素和组件一次。随后的重新渲染,元素/组件及其所有的子节点将被视为静态内容并跳过;

    2、 v-html html代码块的解析,对资讯类的网站特别重要,不过会有一定的风险,比如XSS攻击;

    3、 :class 不需要三目表达式,如果后面直接是true  或者false的话;

    4、 v-if 不占位,随机切换,很少改变的时候使用;v-show占位,切换频繁的时候使用;

    5、v-for  对象,数组都可以,其中的key值,是为了防止高度复用,2,2版本以后组件中就必须使用key值了;  object.key() 遍历对象,返回的是key 值得数组;

二、vue中的修饰符

   1、vue中的事件修饰符;

    2、vue中的按键修饰符,主要是一些键盘事件;

    3、vue中的复选框,绑定的数组,在开发文档中都有相应的demo;

    4、trim  自动过滤用户输入的首尾空白符,

        <input  v-model.trim = "msg">

     5、vue中自定义组件的插入有一定的限制

         比如:‘ <div class="am-u-sm-12"><form class="am-form am-form-horizontal">.......</form></div> ’     字符串模板

       需要加入:

       <script  type="text/x-template">

    6、对于父组件传过来prop,prop是单向数据流,如果想对此进行处理,需要定义一个局部变量。

原文地址:https://www.cnblogs.com/leyan/p/8194806.html