VUE组件定义的几种方式

(1)
                局部注册

var app ={         //app是组件的模板名
   templete:'
我是组件的模板,但我不知道我是那个组件的模板,在这里你可以敲出你想要显示的内容 例 如:HTML代码,或者包含 指令 其他组件的一个HTML代码片段
' components:{}, //可加可不加,加了的意思是里面还有一个子组件(有了子组件,就还得再定义一个模板) }; 下面为vue的实例化 new Vue ({ el: "#qwe", //el 创建和挂载根实例, 这是一个挂载点 此处挂载到qwe上 data:{}, // 这里是你要传入的数据,即初始数据 components:{'love':app}, //components意思是组件,这个属性的作用就是定义组件的名字 此处意思是把app这个组件模板定义组件名为love })

 (2) 
                全局注册

 在这里的hello之后,{}之内的内容其实就相当于vue的实例化,就跟上面的一样,只是省略了(说白了就是一个语法糖,在怎么改变做法,这个糖还是甜的,)

Vue.component('hello',{              //hello是组件名
		    data: function () {return {}},         //这个属性可加可不加,加了意思就是你可以为你 
                                         这个即下面的模板templete一个初始值,一般用于组件的复用
		   props:[],   //这个属性可加可不加,加了意思就是你可以通过 Prop 向子组件传递数据
		templete:'
我是组件的模板,我是hello这个组件的模板,在这里你可以敲出你想要显示的内容 例如:HTML代码,或者包含 指令 其他组件的一个HTML代码片段
' })

 

你可能感兴趣的:(VUE组件定义的几种方式)