vue框架知识积累

1.在实际项目中，经常会用到多种模板结合在一起使用，比如thinkphp，artemplate，vue模块，很多模板都会使用这种“{{}}“转义符号去解析，在vue中为了避免这种冲突，可以使用如下接口

   Vue.config.delimiters:

   默认值为：['{{', '}}']；

2.使用vue.directive写指令时要实例化vue对象（真奇葩，我居然会不懂这个道理，js都白学了），虽然不会报错但也运行不出效果，然后很重要一点就是指令要写在vue实例化对象前面，要不然会报错 Failed to resolve directive;

3.

var vm=new vue({el:"#XX",data:{            clock:[]        },methods:{                getClock:function(){$.ajax({    url:"XXXX",                            type:"get",    success:function(data){                                      //有时候用ajax异步加载数据然后绑定在dom上会发现数据可以加载到，但是渲染不出来，可以用接收vue实例化对象的变量vm代替this this.clock=data;                           }                        });                },getNums:function(event){    var $this=$(event.currentTarget)；//获取当前这个jquery对象；    var this_id=$this.attr("data-id");//或者var  this_id=$(this).data("id");}}}); 

4.prop单向绑定，父组件属性发生变化时会传递到子组件，相反，子组件属性发生变化时不会传到父组件，想要改变这种状态，可以这么改变使用 .sync 或.once 绑定修饰符显式地强制双向或单次绑定

<!-- 默认为单向绑定 --><child :msg="parentMsg"></child><!-- 双向绑定 --><child :msg.sync="parentMsg"></child><!-- 单次绑定 --><child :msg.once="parentMsg"></child></span>