本文的学习来自技术胖大神的教程：https://jspang.com/ 1第一个实例--用vuex实现数据的共享 新建一个vuextest的项目：vue init webpack 项目名 安装vuex： npm install vuex --save 新建一个vuex文件夹，在文件夹下新建store ...
分类：
其他好文 时间：
2019-12-19 23:28:08
阅读次数：
82
vue.js 中使用（...）运算符报错的解决方法 这个错误是在项目中，不识别es6的扩展运算符，解决办法( 四步走 )如下： 第一步：安装 第二步：配置 文件,内容如下： PS:这两步做完不要着急运行项目，运行项目还会出错的 错误如下： 第三步：安装 第四步：大功告成！！！！ ...
分类：
Web程序 时间：
2019-12-16 13:24:13
阅读次数：
285
vue的双向绑定原理：Object.defineProperty() vue实现数据双向绑定主要是：采用数据劫持结合发布者-订阅者模式的方式，通过 Object.defineProperty() 来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应监听回调。当把一个普通 ...
分类：
其他好文 时间：
2019-12-11 19:25:05
阅读次数：
97
导航守卫 全局守卫 后置钩子 路由独享守卫 组件内守卫 router view 复用 控制滚动行为 进入页面之后直接滚动到指定位置 获取路由参数 首先在路由中设置对应的参数 跳转链接中 to="/blog/2" 可以在对应的组件中使用 this.$route.params.id 获取参数值 2 通过 ...
分类：
其他好文 时间：
2019-12-08 10:26:54
阅读次数：
123
Getter 依赖 state 计算后的数据状态 getter 是从 store 中的 state 中派生出的一些状态, getter 的返回值会根据依赖被缓存起来, 且只有依赖发生改变才会被重新计算. 定义 getters 访问 Vuex 中的 getter 数据 mapGetter 辅助函数 辅 ...
分类：
其他好文 时间：
2019-12-01 19:18:58
阅读次数：
104
vuex核心概念 State——this.$store.state.xxx——mapState 取值 Getter——this.$store.getters.xxx——mapGetters 取值 Mutation——this.$.store.commit("xxx")——mapMutations赋值 ...
分类：
其他好文 时间：
2019-11-25 14:58:26
阅读次数：
61
1.vue (1)组件 每个组件单独分成文件，如A.vue文件实现A组件； 除index.vue之外文件名推荐大写开头如BaseHeader.vue或横线连接base-header.vue; 基础组件名可以共用相同的前缀，如BaseButton; 组件名应该倾向于完整单词而不是缩写； 组件名推荐多个 ...
分类：
其他好文 时间：
2019-11-21 22:37:55
阅读次数：
118
spa项目tab页实现 实现思路及细节 1、利用前面博客所讲的Vuex的知识；定义几个变量 Options：存放tab页对象的容器（主要是路由路径以及tab页的名字） activeIndex：被激活的tab页路由路径 showName：tab页的标题 Role：用来区分是否是因为左侧菜单被点击造成的 ...
分类：
其他好文 时间：
2019-10-22 20:27:19
阅读次数：
82
背景 很多时候我们已经熟悉了框架的运用，但是有时候就是忘了怎么用 所以这里想记下大部分的框架使用方法，方便使用的时候拷贝 一、安装 npm 方式 yarn 方式 二、vuex 用法 1、引入以及安装 2、正常使用 （1）、state （2）、getters （3）、mutations （4）、act ...
分类：
其他好文 时间：
2019-10-09 19:08:18
阅读次数：
88
过滤器函数使用户的案例 //单一状态数 state: { //是一个数组对象 students: [ {id: 10, name: 'ha', age: 18}, {id: 10, name: 'ha', age: 18}, {id: 10, name: 'ha', age: 18}, ] }, 计 ...
分类：
其他好文 时间：
2019-10-05 12:21:41
阅读次数：
116
