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

二、那如果JS的内容太多呢？因为耦合性太高，拆成组件后父子组件传值不方便，我们可以这样：

子组件:

export default {data() {return {};},methods: {a(){alert(1)}}
};

父组件（也就是vue主页面）：

// 分3步
//1、引入
import CuImport from "./js/子组件";
export default {// 混入mixins: [CuImport],methods: {b(){// 调用this.a() }}
}

逻辑拆分，相互调用不受组件影响

完~