vue组件

定义Vue组件

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

组件化和模块化的不同

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

全局组件的三种定义方式

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

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

2. 直接使用 Vue.component 方法

Vue.component('register', {
    template: '<h1>注册</h1>'
})

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

<template id="tmp1">
     <h3>这是使用id创建的组件</h3>
 </template>
<script>
    Vue.component('myCom3', {
        template: "#tmp1"
    })
</script>