一、标签内容太多,我们可以用组件的方式拆分
二、那如果JS的内容太多呢?因为耦合性太高,拆成组件后父子组件传值不方便,我们可以这样:
子组件:
export default {
data() {
return {
};
},
methods: {
a(){
alert(1)
}
}
};
父组件(也就是vue主页面):
// 分3步
//1、引入
import CuImport from "./js/子组件";
export default {
// 混入
mixins: [CuImport],
methods: {
b(){
// 调用
this.a()
}
}
}
逻辑拆分,相互调用不受组件影响文章来源:https://www.toymoban.com/news/detail-781640.html
完~
文章来源地址https://www.toymoban.com/news/detail-781640.html
到了这里,关于vue:如果.vue文件内容过多,我们可以这样拆分的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!