码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2020-07-02 16:25:48      阅读:52      评论:0      收藏:0      [点我收藏+]

标签:com   ber   nbsp   keyword   return   turn   pac   vue组件   根据   

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

 

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

标签:com   ber   nbsp   keyword   return   turn   pac   vue组件   根据   

原文地址:https://www.cnblogs.com/fsg6/p/13225129.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!