uni-app页面跟js分离

uni-app中将js拆分出来，js有两种写法：

export default {
    name: "XX",
    onLoad() {
        
    },
    
    A() {
       console.log("方法A");
    },
    B() {
        console.log("方法B");
    },
    query: function(val){
        console.log("val = "+val);
    }
}

第二种：
function onLoad(){
    console.log("进入页面自动加载");
}

function A(val){
    console.log("方法A val = "+val);
}

function B(){
    console.log("方法B");
}

// 暴露下列方法
export default{
    onLoad,
    A,
    B
} 

第二种方法最方要的是export default块，里面的方法也要跟定义的一致，否则引用该js的时候会找不到方法。

js定义完后就要引入到页面中去，

import home from "@/static/js/XXX.js"; @符号是项目的根目录；