关于Vue组件

vue组件的两种定义

最普通的定义方式，就是在html中声明component了,然后在vue的实例中注册一下该组件。（这是采用非工程化编写时候的一种写法）

<div id="example">
  <my-component></my-component>
</div>

// 注册
Vue.component('my-component', {
  template: '<div>A custom component!</div>'
})
// 创建根实例
new Vue({
  el: '#example'
})

另一种定义方式是*.vue文件的形式

这种方式就是一种工程化的模式了。通过require引入模块，module.exports引出模块 一个.vue文件有三种类型的顶级语言