组件

语义Vue的组件是通过视图来划分整个应用程序的构建。

全局组件

  1. Vue.component('com-first', {
  2.   template: `<h1>{{ message }}</h1>`,
  3.   data: function () {
  4.   return{
  5.     message: 'hello world'
  6.     }
  7.   }
  8. })

关键点注册组件中的data属性必须是函数，防止组件复用时共有同一个数据。

局部组件

props：在父组件调用子组件时，自定义属性来传值给子组件。

父子组件相互访问实例对象的方式

vue给每个实例对象都有内置的属性，可以访问父、子实例对象。

  • $childern
  • $parent
  • $root
  • $refs：父组件访问子组件对象时，如果通过children访问，一旦dom结构变更，子组件的引用也会发生变化。给子组件的引用加一个名字，更加的准确找到子组件。
    1. <component-a ref="child"></component-a>