Vue.js（6）- 私有组件

 

1. 在每个vue实例中，和 el, data, methods, filters 平级，可以使用 components 属性，注册当前实例的私有子组件；

2. 和 Vue.component() 注册的全局组件不同，私有组件，只能在当前实例控制的区域内使用！

　　　3. 使用标签使用：<my-sub></my-sub>

const vm = new Vue({
  el: '#app',
  data: {
    flag: false,
    msg: 'Vue in webpack'
  },
  // 私有组件
  components: {
    'my-sub': {
      template: `<h1 @click="add()">这是一个私有组件<span> {{count}}</span></h1>`,
      data: function () {
        return {
          count: 10
        }
      },
      methods: {
        add() {
          this.count++
        }
      }
    }
  }
})

 

转载于:https://www.cnblogs.com/houfee/p/9961994.html