QaaaaQ
前端
获得徽章 0
赞了这篇文章
赞了这篇文章
赞了这篇文章
赞了这篇文章
赞了这篇沸点
赞了这篇沸点
#Vuejs# 不需要响应式的数据请务必不要挂在 data 上，特别是使用第三方库的时候。因为Vue里面重写了变量的getter/setter，导致获取某个属性或者改写某个属性的时间变长，导致CPU上升。例如：
// 不推荐
<script>
import ThirdEchart from 'third-echart'
export default {
name: 'EchartPage',
data () {
return: {
echart: new ThirdEchart()
}
}
}
</script>
// 推荐
<script>
import ThirdEchart from 'third-echart'
const echart = new ThirdEchart()
export default {
name: 'EchartPage',
data () {
return: {
//
}
}
}
</script>
// 不推荐
<script>
import ThirdEchart from 'third-echart'
export default {
name: 'EchartPage',
data () {
return: {
echart: new ThirdEchart()
}
}
}
</script>
// 推荐
<script>
import ThirdEchart from 'third-echart'
const echart = new ThirdEchart()
export default {
name: 'EchartPage',
data () {
return: {
//
}
}
}
</script>
展开
4
20