在已有dom元素上创建一个vue组件
<div id="app">
</div>
var app = new Vue({
el:'#app',
data:{
message:'',
}
})
自定义vue组件:
<div id="app">
<my-example></my-example>
</div>
<script>
//全局注册
Vue.component('my-example',{
template:'<div>{{message}}</div>',
data: function(){
return{
message:"组件内容"
}
}
})
var app = new Vue({
el:'#app'
})
</script>
根据上述例子我们可以知道:
在自定义组件时,data为一个函数,同时数据需要return出去