摘要：
一、什么是module？ 背景：在Vue中State使用是单一状态树结构，应该的所有的状态都放在state里面，如果项目比较复杂，那state是一个很大的对象，store对象也将对变得非常大，难于管理。 module：可以让每一个模块拥有自己的state、mutation、action、getter 阅读全文
摘要：
1、mapState辅助函数 当一个组件需要获取多个状态时候，将这些状态都声明为计算属性会有些重复和冗余。为了解决这个问题，我们可以使用 mapState 辅助函数帮助我们生成计算属性，让你少按几次键。 （1）首先需要在组件中引用才可以使用 import { mapState } from 'vuex' （2）mapState使用前后对比： // 不使用mapState时： comput... 阅读全文
摘要：
这次给大家带来vuex里mapState,mapGetters使用详解，vuex里mapState,mapGetters使用的注意事项有哪些，下面就是实战案例，一起来看一下。 一、介绍 vuex里面的四大金刚：State， Mutations，Actions，Getters （上次记得关于vuex笔 阅读全文
摘要：
内容 UI组件 开发框架 实用库 服务端 辅助工具 应用实例 Demo示例 ###UI组件 element ★9689 - 饿了么出品的Vue2的web UI工具套件 Vux ★6927 - 基于Vue和WeUI的组件库 mint-ui ★4870 - Vue 2的移动UI元素 iview ★478 阅读全文
摘要：
文章目录 前言 安装使用vuex modules getters mutations actions mapGetters、mapState、mapMutations、mapActions mapGetters mapState mapMutations mapActions 参考地址 前言 我们经 阅读全文
摘要：
文章目录 State 在 Vue 组件中获得 Vuex 状态 mapState 辅助函数 对象展开运算符 Getter mapGetters 辅助函数 Mutation 使用常量替代 Mutation 事件类型 在组件中提交 Mutation Action 分发 Action 在组件中分发 Acti 阅读全文
摘要：
文章目录 基本使用 路由的命名 重定向和别名 路由组件传参props HTML5 History 模式 路由元信息meta 路由过渡动效 active-class 嵌套路由 编程式导航 router.push(...) router.go(n) 命名视图 导航守卫 全局守卫 全局后置钩子 路由独享的 阅读全文
摘要：
文章目录 一.自定义指令directive 钩子函数 钩子函数参数 对象字面量 二.插件 怎样使用插件 简单例子 三.混合mixins 选项合并 全局混合 自定义选项合并策略 一.自定义指令directive 除了核心功能默认内置的指令 (v-model 和 v-show)，Vue 也允许注册自定义 阅读全文
摘要：
文章目录 节点、树以及虚拟 DOM createElement 参数 深入 data 对象 完整示例 约束 使用 JavaScript 代替模板功能 v-if 和 v-for v-model 事件 & 按键修饰符 插槽 JSX 函数式组件 slots() 和 children 对比 Vue 推荐在绝 阅读全文
摘要：
文章目录 一.什么是组件？ 二.注册组件 全局注册 局部注册 三.Prop 使用 Prop 传递数据 动态 Prop 字面量语法 vs 动态语法 单向数据流 Prop 验证 四.非Prop特性 五.自定义事件 使用 v-on 绑定自定义事件 给组件绑定原生事件.native .sync 修饰符(2. 阅读全文
摘要：
文章目录 组件中定义过滤器 全局定义过滤器 Vue.filter() 串联过滤器 文章目录 组件中定义过滤器 全局定义过滤器 Vue.filter() 串联过滤器 文章目录 组件中定义过滤器 全局定义过滤器 Vue.filter() 串联过滤器 组件中定义过滤器 全局定义过滤器 Vue.filter 阅读全文
摘要：
文章目录 绑定 HTML Class 对象语法 数组语法 用在组件上 绑定内联样式style 对象语法 数组语法 自动添加前缀 多重值 绑定 HTML Class 对象语法 ①.添加单个class: <div v-bind:class="{ active: isActive }"></div> 上面 阅读全文
摘要：
文章目录 计算属性computed 例子 计算属性缓存 vs 方法 计算属性 vs 侦听属性 计算属性的 setter 侦听器watch vm.$watch( expOrFn, callback, [options] ) 文章目录 计算属性computed 例子 计算属性缓存 vs 方法 计算属性 阅读全文
摘要：
文章目录 一.插值 v-once v-html 使用 JavaScript 表达式 二.v-bind与v-on的缩写 v-bind 缩写 v-on 缩写 三.条件渲染 v-if 在 v-else v-else-if 用 key 管理可复用的元素 v-show v-if vs v-show v-if 阅读全文
摘要：
文章目录 前言 安装 直接用 NPM 命令行工具 (CLI) 开发版本 第一个程序Hello Vue vue核心最基本的功能 声明式渲染 条件与循环 处理用户输入 组件化应用构建 剖析一个完整的vue实例 数据与方法 实例生命周期钩子 生命周期图示 前言 用了这么久的vue了，但是一直没有时间写个系 阅读全文