VUE组件系统极速入门1

如何你没有下面几个问题,那这篇文章真的是一无是处。

  1. 组件的创建与引用
  2. 父组件与子组件的交互
  3. 组件与组件间的交互

0.1 谈谈组件

我一开始是对组件有着深深的误解,我个人直接把web中的组件强行等于安卓中的button啊,listview啊,其实是错的。组件的划分,并没有那么严格,一个按钮可以是一个组件,页面的导航栏可以是一个组件。最好是一个页面中,只包含尽可能少的大组件,在大组件中,尽可以包含功能相近的小组件。
导航栏可以是一个大组件,内容可以是一个大组件,导航栏里又可以包含logo,具体栏目的导航。

上面都是我个人的理解。

1 组件的创建与引用

这里只谈单文件系统,一个.vue就是一个组件。
在单文件系统中,一个*.vue文件包含script、style、template标签。那么,如何在a.vue中,用b.vue中的组件呢?

import  view from 'xxx/xxx/xxx.vue'
import  Vue  from 'vue';
Vue.component('你喜欢的标签名',view) 

这样在a的template中,就可以这么使用b了