vue

vue组件的功能

1）能够把页面抽象成多个相对独立的模块

2）实现代码重用，提高开发效率和代码质量，使得代码易于维护
Vue组件封装过程

● 首先，使用Vue.extend()创建一个组件

● 然后，使用Vue.component()方法注册组件

● 接着，如果子组件需要数据，可以在props中接受定义

● 最后，子组件修改好数据之后，想把数据传递给父组件，可以使用emit()方法

1、组件创建—有3中方法，extend()

我们先用全局注册，注册上面例子中创建的myCom组件

Vue.component(‘my-com’,myCom)
A2、全局注册语法糖：不需要创建直接注册的写法

Vue.component(‘my-com’,{
‘template’:‘

这是我的组件

’
})

B1、局部注册：只能在注册该组件的实例中使用，一处注册，一处使用

var app = new Vue({
el: ‘#app’,
components: {
‘my-com’: myCom
}
})
B2、局部注册语法糖：

var app = new Vue({
el: ‘#app’,
components: {
‘my-com’: {
template: ‘

这是我的组件

’
}
}
})