摘要:
文章目录 前言 安装使用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 阅读全文