在已有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出去