阳春丶二三月

前言 在实际开发中,可能N个组件共享一个数据. 我们在其中一个组件里面去修改这个共享数据，那么我还需要告诉其它与该共享数据相关联的组件. 这会显得很麻烦，可能还会导致后面代码的可维护性极差.所以vue为我们提供了vuex. vuex vuex 是Vue.js应用程序的状态管理模式.它充当应用程序中所有组件的集中存储,其数据只能以预测的方式进行变更. 如果组件要修改vuex共享数据,首先需...

第一步: 创建工程 vue create vue-router 第二步:下载router vue add router 下载router的时候,vue-cli 脚手架会强制修改我们原来的文件. App.vue 里面的内容会被强制性修改. 第三步: 解析router.js 下载好router之后,你会发现在src路径下面多了一个router.js文件. <!-- 导入Ro...

前言 很多时候我们都会遇到组件之间数据传递问题.所以我们必须要了解组件之间的数据传递的方式. 目标 props provide && inject props 两个组件之间存在父子关系,子组件需要访问父组件的某个数据. 由于组件之间都是独立的存在,我们无法直接在子组件里面使用父组件的数据.所以我们来认识一下props 父子组件数据传递原理 父组件传递数据给子组...

Vue响应式原理. Vue响应式实现. 响应式原理 初学者可能都会有这么一个疑惑. “为什么在data数据发生变化的时候,页面会被重新渲染”. 这个问题的答案是Vue内部会遍历data里面所有的属性,并使用Object.defineProperty将这些属性全部转换为getter/setter。将来Vue内部可以通过Object.defineProperty追踪依赖,当有data里面的属...