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

全局组件和局部组件

时间:2020-06-04 01:43:23      阅读:54      评论:0      收藏:0      [点我收藏+]

标签:dem   handler   全局   class   vue   handle   isp   star   temp   

// 全局组件和局部组件

Vue.component(‘组件名‘,配置对象)
Vue.component(‘global‘, {
  template: `
   <div>
     <h1>全局组件<h1>
     // 局部组件
     <gl-demo></gl-demo>
   </div>
  `,
  data() {
    return {}
  }
 ,
  // 局部组件
  components: {
    // 组件名 组件的配置对象
    ‘gl-demo‘: {
      template:`
       <div>
         局部组件
       </div>
      `,
      // 组件中的data是一个函数,返回一个对象
      data() {
        return {}
      },
      methods: {},
      computed: {},
      watch: {
        listArr: {
          deep: true,
          handler(newValue,oldValue) {

          }
        },
        msg(newValue,oldValue) {

        }
      }
    }
  }
})

  

全局组件和局部组件

标签:dem   handler   全局   class   vue   handle   isp   star   temp   

原文地址:https://www.cnblogs.com/glfan/p/13040892.html

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