vue-组件化编程

 

1.传统编写方式和组件编写方式的区别

 

 

 组件方式编写可以很方便的复用和封装某些功能模块/组件的命名最好语义化,方便维护和阅读

编写时,我们可以将某些共用的功能或者样式部分抽象,得到对应的组件,按需要引入

注意实现一个功能构造一个组件,不要多个功能耦合到一起,耦合性越高,复用性越差

 

2.非单文件组件/单文件组件

单文件组件:一个文件只包含有一个组件 : a.vue  

　　最基础的组成部分

非单位组件:一个文件中包含有多个组件

3.在vue中创建一个组件

const school = Vue.extend({
   // 传入配置对象
   // 子组件配置对象不要写el,根据vm引入作用到对应区域
   //  data属性需要写成函数
   data(){
       return {
          // 返回需要的data对象,因为data函数返回值是一个新的拷贝,而data对象是共同引用
        } 
    } 
})