Vue data外申明变量

CorneliusFrancis
  • 14

image.png
如图 经常看到别人的代码变量声明在export default外, 这样写有什么好处吗?仅仅是为了让Vue避免响应数据变化?

回复
阅读 5.4k
4 个回答

让 Vue 避免响应数据变化” 可不是“仅仅”,这是很好的性能优化的点。

因为 Vue2 数据 diff 机制的问题,不需要响应式的字段就不要放到 data 里,否则一旦数据变多,页面性能就会急遽下降。

本页面内 全局变量

一般这种写法常见于解决 this 指向问题吧
但是这违背了 vue data作为函数 避免变量互相污染的初衷,个人还是不建议这么写
如果有需要可以这样

export default{
    data(){
        let weixinAuthService;
        return {
            weixinAuthService
        }
    }
}

单例需求
凑字数凑字数

宣传栏