Vue.js学习组件创建记录（1）

Vue.js技术学习组件创建

根据Vue官方文档组件是无法显示的，需要添加

var vm=new Vue({
    el:'my-component'
})

 

完整代码：

HTML部分：

<my-component class="baz boo"></my-component>

javascript部分：

Vue.component('my-component', {
  template: '<p class="foo bar">Hi</p>'
})
var vm=new Vue({
    el:'my-component'
})