1:注册组件
全局注册
Vue.component ("model",{ }) //{}内的是一个vue对象,“”内的是组件名称
2.使用组件
Vue组件只可以被绑定了Vue的html元素中使用,如果没有div没有被Vue绑定,那么不能直接使用
template方法内写的是html标签可以直接被应用到页面中去
同时template内必须是要用一个根标签包裹
template:'<div>{{title}}<button type="button" @click="test">点我</button></div>',
3.作为组件的Vue对象
在组件中的Vue对象里的data属性和Vue实例对象里的data写法是有区别的
//在Vue实例中的data是直接写成data:{}键值对来定义的:
new Vue({
el:"#app",
data:{
name:'name'
}
})
//在Vue组件中的data是通过data函数返回一个键值对定义的:
{
data:function(){
return{
name:'name'
}
}