混入(Mixins)
mixins是什么?是vue中组件开发的过程中功能复用的一种方式
在页面风格不相同的时候,但是执行的方法和所需要的数据类似的时候,那么就可以使用混入吧这项公共相同的部分提取出来 进行封装 减少代码量 提升修改和测试难度
编写:
就是把组件和方法提取出来集中存储在混入中
1.在项目的src文件夹下创建一个文件夹MIxins—>index.js
var myMixins={
data(){
return {
// 重用的变量
text:"哈哈哈"
}
},
methods:{
// 重用的方法
fun(){
console.log("我是多个组件中相同的方法")
}
}
}
export default myMixins
2.使用封装好的重用内容
(1)引用模块到页面中
// 引用混入
import Mixins from "@/Mixins/index"
(2)在文件中设置关联
//引用混入
import Mixins from "@/Mixins/index"
export default {
// 设置关联
// mixins:[Mixins],
data(){
return