Vue中如何封装组件?什么是组件,为何要封装?组件中data为啥是一个函数?
为何要封装?主要目的就是为了解耦
使用组件,可以提升高复用性
通用组件,必须具备高性能、低耦合的特性。并且还会留一些插槽
每个组件都是 Vue 的实例 ,组件之间会进行数据共享,当 data 的值是同一个引用类型的值时,
改变其中一个会影响其他,在 JavaScript 中,在一个函数中返回这个对象就可以了:
Vue.component('some-comp', {
data: function () {
return {
foo: 'bar'
}
}
})
export default {
data () {
return {
foo: 'bar'
}
}
}