vue中常用的响应式方法与非响应式方法

data:{

message:‘你好’,

letters:[‘a’,‘b’,‘c’,‘d’]

},

methods:{

btnClick(){

//响应式方法：前7个方法是响应式方法，进行这些操作时，页面会做渲染，内容会改变。

//1、push()方法:添加元素，可一次添加一个，也可一次添加多个

this.letters.push(‘hahaha’)

this.letters.push(‘aaaaa’,‘bbbbb’,‘cccccc’)

}

}

})

1.2、pop():删除数组中最后一个元素

---

• {{item}}

• <button @click=“btnClick”>按钮

  1.3、shift():删除数组中第一个元素

  ---
• {{item}}

• <button @click=“btnClick”>按钮

  1.4、shift():删除数组中第一个元素

  ---
• {{item}}

• <button @click=“btnClick”>按钮

  1.5、splice作用：刪除元素/插入元素/替換元素

  ---
• {{item}}

• <button @click=“btnClick”>按钮

  1.6、sort()给数组中的元素排序

  ---
• {{item}}

• <button @click=“btnClick”>按钮

  性能优化

  1.webpack打包文件体积过大？（最终打包为一个js文件）

  2.如何优化webpack构建的性能

  3.移动端的性能优化

  4.Vue的SPA 如何优化加载速度

  5.移动端300ms延迟

  6.页面的重构

  所有的知识点都有详细的解答，我整理成了280页PDF《前端校招面试真题精编解析》。

  开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】