Vue入门，注册组件

1）首先写一个自定义组件 代码如下，export是暴露一个组件名称，名称是 Left1

2）import Left1from './components/Left' 导入组件名称,一般为了一致导入名称和导出名称是一个值

3）Vue.component('test-conponent', Left1) 通过这样就注册了一个组件 

new Vue({

  el: '#app',

  router

})

 4） 然后在index.html 就可以使用组件了    <test-conponent></test-conponent>

  当然还有这种方式注册组件

Vue.component('test-conponent', {template: '<template> <div><h1>Hi好</h1></div> </template>'})

/* eslint-disable no-new */

new Vue({

  el: '#app',

  router

})

补充一点，这里还有一种办法注册组件

import Left1 from './components/Left' 导入组件名称,一般为了一致导入名称和导出名称是一个值

  这里可以注册多个组件，这里写了<left1>组件名称，index.html就不需要在写了

学vue刚开始，写的不好希望大家见谅