请问下UNIAPP 可以将一个VUE页面拆分成 VUE、CSS、JS文件吗？就是类似微信小程序那种，因为一个VUE写页面，又写JS 又写样式，复杂的页面行数太多难得拖也难得找。
CSS到是好解决@import url("./index.css"); 直接引入就可以。但是JS引入不得行，请问下有什么办法分开写没有。
7***@qq.com
- 发布：2021-03-10 10:28
- 更新：2021-07-02 10:38
- 阅读：2290
UNIAPP 可以将VUE拆分为 VUE CSS JS吗？
分类：uni-app
先新建一个index.js文件，里面写上封装的函数，格式如下：
const arrayFuns = { //声明一个对象，用于存放函数
//这是封装的函数 ，其中Audio 是参数，obj是页面中的所有内容包含页面中的data()，一般传递 this，记得要把该数据返回到页面中，这样才能保证调用函数后如果变量有改动的话保证页面中使用该变量的值一致
initMusic: function(Audio,obj){
let me = obj;
let wxsdk = me.jssdk;
Audio.src = me.bgMusic;
Audio.autoplay = true;
Audio.loop=true;
Audio.play();
return obj; //切记要返回
},
}
然后 输出声明的对象变量，输出之后页面中才能调用
module.exports = {
arrayFuns
}
第三步，在页面中引入一下index.js
import index from "index.js的路径";
最后在methods{}中调用即可，如：
methods: {
btnClick(){
index.arrayFuns.initMusic(Audio,this)
}
}
以上的也是我百度之后几经测试才总结的经验，可能还有不完美的地方，静待补充完善。
5***@qq.com
怎么搞？
2021-05-28 11:15