LLEARNING NOTES

技术 · 思考 · 实践 · 成长

首页/Vue2/正文

Vue组件

Vue2576 次阅读

组件 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>



好的生活就是不瞎想,做得多,要得少,常微笑,懂知足。

评论交流

理性讨论,共同进步
验证码

相关文章

继续阅读