vue：如果.vue文件内容过多，我们可以这样拆分

2024-01-09 12:25:18

一、标签内容太多，我们可以用组件的方式拆分

二、那如果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://blog.csdn.net/qq_16946803/article/details/135474709
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。