前言:在单页面应用开发中,大多数情况下只有一个html页面,那么单页面的页面跳转,其实就是各组件之间的切换,那么这个组件其实就充当的是一个一个独立的html页面的角色,只不过这个组件之间可以复用,传值,随意调用,在vue中通常由(vue-router)和组件(component)来配合完成,那么这个component就是我们下来将要学习的组件。
什么是组件?
官方说组件是可复用的 Vue 实例,且带有一个名字,它与 new Vue 拥有相同的选项,比如它拥有生命周期钩子、data、computed、methods 等,与 new Vue 的唯一区别是不拥有 el 这样的根实例选项。
注册组件的两种方式
全局注册
Vue.component('my-component-name', {/*...*/})
局部注册
var ComponentA = { /*....*/ }new Vue({ el: '#app',