vue组件及插槽

全局组件定义

将模板字符串，定义到template标签中：

< template id="tmpl">

    <div><a href="#">登录</a> | <a href="#">注册</a></div>
  </ template >

同时，需要使用 Vue.component 来定义组件：

Vue.component('account', {

    template: '#tmpl'
  });

注意：组件中的DOM结构，有且只能有唯一的根元素（Root Element）来进行包裹！

组件名 不能和h5标签重复不使用内置或保留的HTML元素作为组件id:

组件模板需要根元素，而不仅仅是文本。

私有组件

将模板字符串，定义到template标签中：

< template id="tmpl">

    <div><a href="#">登录</a> | <a href="#">注册</a></div>
  </ template >

同时，需要使用 components 来定义组件，写在Vue实例中和data同级：

components:{

            'my-header':{

                template:"#myheader"

            }

        },

组件中展示数