摘要:
模块化 + 命名空间 1. 目的: 让代码更好维护,让多种数据分类更加明确。 2. 修改 store.js const countAbout = { namespaced: true, // 开启命名空间 state: { x: 1 }, mutations: { ... }, actions: { 阅读全文
摘要:
- 四个map 方法的使用: 1. mapState方法: 用于映射 state 中的数据为计算属性 computed: { ...mapState({sum: 'sum', school: 'school'}), ...mapState(['sum', 'school']), } 2. mapGe 阅读全文
摘要:
1. Vuex 是什么? 1. 定义:专门在 vue 中实现 集中式状态(数据)管理的一个 vue 插件,对 vue 应用中多个组件的共享状态进行集中式的管理(读/写),也是一种组件间通信的方式,且适用于任意组件间通信。 2. github 地址: https://github.com/vuejs/ 阅读全文
摘要:
当 vue 和 vue-template-compiler 版本不一致的时候,会导致 webpack 无法处理 .vue 文件,页面加载不出来, 此时只需要执行命令: npm update 将两个版本更新一致即可~ 阅读全文
摘要:
webStorage 1. 存储内容大小一般支持 5MB 左右(不同浏览器可能还不一样) 2. 浏览器端通过 window.sessionStorage 和 window.localStorage 属性来实现本地存储机制。 3. 相关API: 1. xxxStorage.setItem('key', 阅读全文
摘要:
什么是数据代理? 通过一个对象代理对另一个对象中属性的操作(读/写) let obj = { x: 100 } let obj2 = { y: 200 } Object.defineProperty(obj2, 'x', { get() { return obj.x }, set(value) { 阅读全文
摘要:
Vue 监视数据的原理: 1. vue 会监视 data 中所有层次的数据。 2. 如何监测对象中的数据? 通过 setter 实现监视,且要在 new Vue 时就传入要监测的数据。 (1)对象中后追加的属性,vue 默认不做响应式处理 (2)如需给后添加的属性做响应式,请使用如下API: Vue 阅读全文
摘要:
watch: { isHot: { immediate: true, // 初始化时让 handler 调用一下 // handler 什么时候调用?当 isHot 发生改变时 handler(newValue, oldValue) { console.log('isHot被修改了', newVal 阅读全文
摘要:
1. 为什么叫计算属性? 因为计算属性是对 data 中的属性 进行计算的出来的 属性 2. 计算属性的 get() 和 set() 方法,底部是用 Object.defineProperty 实现的,当有人读取 计算属性 时,get 就会被调用,并且返回值就作为 该计算属性的值 3. vm._da 阅读全文
摘要:
经典面试题: 1)react中的key有什么作用?(key的内部原型是什么?) 2)为什么遍历列表时,key最好不要用 index ? 1. 虚拟DOM中 key 的作用: 1)简单的说:key 是虚拟 DOM 对象的唯一标识,在更新显示时 key 起着极其重要的作用。 2)详细的说:当状态中的数据 阅读全文