Vue
异乡小红帽
个人博客:https://lijiayuan.top/ | 微信公众号:「异乡小红帽」
展开
-
Vue 自定义指令
前言 最近搞了毕设,需要实现一个场景,点击一块区域,弹出一个编辑区域,点击页面的其他地方的时候,这个编辑区域就隐藏,本想想之前写模态框一样写个方法的时候,突然觉得可以尝试用 vue 相关的东西优雅的解决这个事情,然后就学了下面的自定义指令了。Vue 自定义指令定义直接看官网的介绍吧(觉得官方文档说的很清楚了,所以我基本都是抄他的了)。除了核心功能默认内置的指令 (v-model 和 ...原创 2018-11-26 23:51:31 · 84 阅读 · 0 评论 -
Vue 父子组件间的通信
前言 在 Vue 项目中父子组件的通信是非常常见的,最近做项目的时候发现对这方面的知识还不怎么熟练,在这边做一下笔记,系统学习一下吧。1 父组件传值给子组件1.1 传值写法父组件传值给子组件,这个就比较常见了,直接用 props 就可以了。但是就算是 props 子组件那边也有三种写法,如下面代码所示:父组件<!-- 两种情况 --><!--静态传值-->&l...原创 2018-12-12 12:38:15 · 118 阅读 · 0 评论 -
Vuex 模块化使用
前言 上回我们说了一下 vuex 的简单使用,最后面的时候有说了,由于使用单一状态树,应用的所有状态会集中到一个比较大的对象。当应用变得非常复杂时,store 对象就有可能变得相当臃肿。为了解决以上问题,Vuex 允许我们将 store 分割成模块(module)。每个模块拥有自己的 state、mutation、action、getter、甚至是嵌套子模块——从上至下进行同样方式的分割,今天我...原创 2019-07-30 23:08:25 · 752 阅读 · 0 评论 -
Vuex 基础使用
前言 vuex 是 vue 官方出的一个全局的状态管理模式,可以理解为一个 vuex 项目的全局变量吧,再构建大型项目的时候,我们可能会需要用到它。下面就来学一下怎么去使用它吧(本文偏向于具体使用,如要深入学习,请看官方文档)。1 安装我们要用啥就要先装啥,直接 npm install 就行了npm install vuex2 文件结构vuex 的也是 vue 项目中的一个模块,使用我...原创 2019-07-27 22:15:43 · 128 阅读 · 0 评论