组件 Component
先回顾一下创建Vue实例的方法:
var app = new Vue({ el:'#app' })
组件类似,需要注册后才能使用,注册分2种方式:全局注册和局部注册
全局组册后,任何vue实例都可以使用
Vue.component('my-component',{ //选项 })
my-component 表示组册的组件自定义标签名称,推荐使用小写加减号分隔的形式命名
要在父实例中使用这个组件,必须要在实例创建前注册,之后就可以使用<my-component></my-component>的形式来使用组件了
<div id="app"> <my-component></my-component> </div> <script> Vue.component('my-component',{ //选项 }); var app =new Vue({ el:'#app' }) </script>