VUE

Vue重点知识总结—Vuex篇

1.vuex是什么?怎么使用?哪种功能场景使用它? Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。简单来说就是:应用遇到多个组件共享状态时,使用vuex。 文档:https://vuex.vuejs.org/zh/ 场景:多个组件共享数据或者...

Vue重点知识总结—性能篇

1.vue性能优化 1.编码优化(代码层面) 不要将所有数据都放到data中,因为data中数据会遍历添加getter和setter,会收集对应的watcher 若在方法或计算属性中不对组件数据进行修改,最好在刚开始时就将数据赋值给变量,之后使用直接使用变量效率较高(let {user,list} = this)。 在v-for时需要给每项元素绑定事件时用外...

Vue重点知识总结—理论篇(二)

作为前端开发中现行最火的框架之一,基于此,总结了一些 Vue 方面经常出现的问题,留给自己查看消化,也分享给有需要的小伙伴。 由于篇幅较长,不能将所有知识点放到一篇文章内。这是Vue重点知识梳理理论篇的第二篇。前端茫茫,学无止境。 1.模板引擎原理(指令和插槽表达式如何生效) 使用with改变作用域,渲染数据。并...

Vue重点知识总结—理论篇(一)

作为前端开发中现行最火的框架之一,Vue 在面试中出现的频率不断增加。基于此,总结了一些 Vue 方面经常出现的面试题,留给自己查看消化,也分享给有需要的小伙伴。 就算工作时间再久,不刷题,是不能那么容易过面试的。我相信就算你是面试官,也不会百分百了解你所问的问题,也不能做到面面俱到。我一直相信,成功的面...

Vue重点知识总结—基础篇(一)

1.Vue 中怎么自定义过滤器 可以用全局方法 Vue.filter() 注册一个自定义过滤器,它接收两个参数:过滤器 ID 和过滤器函数。过滤器函数以值为参数,返回转换后的值 Vue.filter('reverse', function (value) { return value.split('').reverse().join('') }) <!-- 'abc' => 'cba' --> <span v-text=...

Vue重点知识总结—基础篇(二)

1.Vue 组件 data 为什么必须是函数 因为js本身的特性带来的,Vue组件可能会有多个实例,如果 data 是一个对象,那么由于对象本身属于引用类型,当我们修改其中的一个属性时,会影响到当前组件所有实例的数据。如果将 data 作为一个工厂函数,那么每一个组件实例的 data 属性都是全新独立的,不会相互影响了,有效规避了...

加载中...