vue组件

定义Vue组件

什么是组件：组件的出现就是为了拆分Vue实例的代码量，能够让我们以不同的组件，来划分不同的功能模块，将来我们需要什么样的功能或视图，就去调用相应的组件即可，可以重复使用

组件化和模块化的不同

• 模块化是从代码逻辑的角度进行划分
• 组件化是从ui界面的角度划分，方便UI组件的复用

全局组件的三种定义方式

1. 使用Vue.extend 配合 Vue.component 方法：

var login = Vue.extend({
    template: '
登录
'
})
Vue.component('login', login)

2. 直接使用 Vue.component 方法

Vue.component('register', {
    template: '
注册
'
})

3. 将模板字符串定义到标签中