@star7th async/await 和 Promise 一起用没有任何问题，有些场景只用 async/await 实现不了，必须混用 Promise.

把 await 理解为“本句以下直到函数末尾的内容全部放入一个隐藏的 then”就不会晕车了

其实很简单，你把 this.$axios.post(...).then(...)这个表达式记为变量 x，再对比一下你的两个写法：
①
fetchData() {x}
await fetchData()
②
await x

就能一眼看出差异了

2L 说的对，你就是没把 promise return 出来

@frozenway 一般总有个 getUserInfo 接口，在这里返回就行吧。前端就是加载首页（首个页面，不是 index ）时调用这个接口

首页获取当前用户角色 /权限，存全局，之后直接用，所有接口返回值用拦截器统一检查，无权限则提示或跳登录页
权限检查在后端接口上做
前端权限是做体验而不是做安全，所以覆盖常规使用场景即可

有没有开虚拟机软件

@kuoruan 正儿八经进了语言标准的东西，怎么就不能用了，又不是草案语法。讨论个写法问题还得考虑 ie 兼容吗

@darknoll 怎么可能……

你需要路由守卫而不是生命周期钩子

暴露 V2 水平的一贴……

@NotreDame 一样的呀，你的右边栏展示的是 selectedDebtorId 对应的那一项的详情，对吧，你写个 computed 叫 selectedDebtor，根据当前的 selectedDebtorId 返回那一项，右边栏渲染这个 selectedDebtor 就好了

@dennnis 0202 年我们已经不写 that 了

js 的优点是开局就写 gui，对初学者容易有成就感，适合玩票选手，想打基础的还是算了吧，C→C++→Java 三连请

@nikolausliu
class 和:class 可以一起写的，固定的部分都写 class 里

不建议用 index 比较

你的数据有两个：表示可选项的 filteredDebtors，和表示选中项的 selectedDebtorId

你的模版只需要忠实反映数据，即“循环渲染列表项，其中选中的项有特殊样式”

li v-for="debtor in filteredDebtors" :key="debtor.id" class="debtor-list-item" :class="{'debtor-list-item-highlight': debtor.id===selectedDebtorId}"

至于“默认选中第一项”，无非是初始化 selectedDebtorId = filteredDebtors[0].id 而已

@meeop bug 报给后端是有点奇怪的，我待过的公司都是报给前端，因为 bug 的直接表现是在页面上，让前端先看，比较方便确定是哪一边的问题

@yangguofu
其实“取代”是个模糊的说法，如果 5 年前学的技术在 5 年后不能解决问题了，那不是技术变了，而是问题变了。说到底新技术提供的只是选项，如果你的问题还是老问题，那么你学过的老技术依然能解决，并没有浏览器不支持；如果你的问题是老技术无法解决或较难解决的，那么需要学习新的技术来解决也是理所当然的，并不是新技术的错，相反是新技术提供了解决的可能。
说到技术更新速度，娱乐圈尽管活跃，也没有传闻的一天一个新框架那么夸张，现在是 2020 年，react 是 2013 年的东西，vue 和 angular 是 2014 年的东西，webpack 是 2012 年的东西，都还如日中天，没有要被取代的迹象。

@diggerdu 说个个人观察到的现象：当你找不到依据支撑自己的结论，又想让这个结论看起来理性的时候，可以说“说个个人观察到的现象”

@ceet 转载授权不是这么问的吧？