创建vue组件与自定义一个vue组件时的区别

佚名 7年前 (2019-05-07) 随笔 1010人围观抢沙发百度已收录

在已有dom元素上创建一个vue组件

<div id="app">
  
</div>

var app = new Vue({
  el:'#app',
  data:{
    message:'',
  }
})

SRE实战互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。

自定义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出去