全局组件和局部组件

Posted glfan

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了全局组件和局部组件相关的知识,希望对你有一定的参考价值。

// 全局组件和局部组件

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) {

        }
      }
    }
  }
})

  

以上是关于全局组件和局部组件的主要内容,如果未能解决你的问题,请参考以下文章

vue.js中的全局组件和局部组件

vue.js 组件-全局组件和局部组件

注册全局组件和局部组件

Vue全局组件与局部组件

vue中定义全局组件和局部组件有啥区别

全局组件和局部组件