vue框架知识积累

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u014029186/article/details/52220219

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>



展开阅读全文

没有更多推荐了,返回首页