vue组件化思想和模块化

组件化

注册组件的基本步骤

1. 创建组件构造器 （调用Vue.extend()方法）
2. 注册组件 （调用Vue.component()方法）
   • 注册组件语法糖
     • 省去了调用Vue.extend()的步骤，而是可以直接使用一个对象来代替
3. 使用组件 （在Vue实例的作用范围内使用组件）

组件模板的分离写法

1. 语法糖简化了Vue组件的注册过程，但是template模块中js和html代码混杂的写法仍让我们苦恼

2. 于是Vue提供了两种方式，来分离模板中的js和html代码
   - 使用 标签 ，再通过id来关联
   js Vue.component('cpn', { template: '#cpn' }) //全局组件
   - 使用