我觉得你不懂uni-app不要紧，down下来这个demo就能明白真实的vue写法，开箱即用。
npm install 必须使用npm镜像，cnpm可能会导致错误
下载使用HBuildX，插件市场安装node-sass，点击运行
this.$Router.push 等同 uni.navgateTo() 这个方法会向 history 栈添加一个新的记录，所以，当用户点击浏览器后退按钮时，则回到之前的 URL。
/ /字符串
this.$Router.push('/pages/router/router1')
// 对象
this.$Router.push({path:'/pages/router/router1'})
// 命名的路由
this.$Router.push({ name: 'router1', params: { userId: '123' }})
// 带查询参数，变成 /router1?plan=private
this.$Router.push({ path: 'router1', query: { plan: 'private' }})router.replace() 等同于 uni.redirectTo() 跟 router.push 很像，唯一的不同就是，它不会向 history 添加新记录，而是跟它的方法名一样 —— 替换掉当前的 history 记录。
this.$Router.replace(...)router.replaceAll() 等同于 uni.reLaunch() 跟 router.replace 很像，唯一的不同就是，它不会向 history 添加新记录，而是将所有的页面都关掉，打开一个新的页面。
this.$Router.replaceAll(...)router.pushTab() 等同于 uni.switchTab() 跟 router.push 很像，打开 uni-app 自带的tab 菜单
this.$Router.pushTab(...)router.back(n) 等同于 uni.navigateBack() 这个方法的参数是一个正整数，意思是在 history 记录中后退多少步，类似 window.history.go(n)
// 后退 2 步记录
this.$Router.back(2)
// 如果 history 记录不够用，那就默默地失败呗
this.$Router.back(100)uni-demo====>http====>api 所有不同分类接口的聚合，我们把这个文件夹看成是一个接口库 如：
export default {
QueryAccountListData: { //查询账户信息列表
url: '/ErpBasic/Account/QueryAccountListData',
type: 'post',//默认post，可忽略不写
header: {
'Content-Type': 'application/json',//可省略默认
isIgnore: true//是否过滤拦截，默认false
}
},
InsertAccountData: { //添加账户
url: '/ErpBasic/Account/InsertAccountData'
}
}调用时：
this.$api('StationList').then(res=>{
console.log(res)
}).catch(err=>{
console.log(err)
})uni-demo====>http====>mock mock库 因为我们需要适配多端，很多情况下不能直接对所有的端服务进行mock拦截，所以我们这里需要对自己封装的http请求进行mock拦截。
export default {
'/ErpBasic/Account/QueryAccountListData': {
"IsSuccess": true,
"Code": 200,
"Message": "string",
"RespTime": "string",
"Data": {
"Total": 0,
article: '@csentence'
}
}
}
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent