最近在使用vue进行开发，遇到了组件之间传参的问题，此处主要是针对非父子组件之间的传参问题进行总结，方法如下：一、如果两个组件用友共同的父组件，即 FatherComponent.vue代码 <template&g…

Hexo Theme Lite Keep Calm, Lite and Writing. light single page blog application theme, using Vue, Vuex, Elemen…

一、Vue组件的创建 一般语法： Vue.component(tagName, options) 务必在根组件实例化之前注册组件 组件options说明： data: 必须是一个函数，目的在于返回独立的对象，保证组件之间…

最近一个小项目使用 vuejs 技术栈 – vue + vuex + vue-router + element-ui。在做表单的时候遇到一个小问题。 这个表单用于更新用户信息，原信息来自于 vuex，注入到 …

为什么使用Vuex 在学习Vuex之前，先了解一下“单向数据流” 这个状态自管理应用包含以下几个部分： state，驱动应用的数据源； view，以声明方式将 state 映射到视图； actions，响应在 view …

Vuex是什么 Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 Vue的状态管理 首先来看一个简单的的例子： …

有登录注册（含登录状态管理），角色权限管理，表格分页，图表显示等。 登录账号有三个，分别是：admin,supplier,buyers；密码全部是：123456 。三个账号也是三个不同的角色，分别是：管理员，供货商，采购…

在实现 egg + vue 服务端渲染工程化实现之前，我们先来看看前面两篇关于Webpack构建和Egg的文章： 在 Webpack工程化解决方案easywebpack 文章中我们提到了基于 Vue 构建的解决方案 ea…

遇到了一个业务场景： 某个按钮按下去之前需要先判断它是否登陆，如果没有登陆需要跳转到对应的登陆页面，否则就继续该按钮之后的操作。 对于这种问题，很显然不能每个按钮都去判断，所以我思考了一下结合自定义指令和vuex完成了相…

第五章 辅助函数 在第一章我们曾经说过： VUEX采用的是典型的IIFE(立即执行函数表达式)模式，当代码被加载(通过 <script>或 Vue.use())后，VUEX会返回一个对象，这个对象包含了 St…

vuex采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。每个应用将仅仅包含一个 store 实例。Vuex 通过 store选项，提供了一种机制将状态从根组件『注入』到每一个子组…

前言 由于vue相对来说比较平缓的学习过程和新颖的技术思路，使其受到了广大前后端开发者的青睐，同时其通俗易懂的API和数据绑定的功能也为其揽获了不少用户。在初学vue的过程中遇到的一些问题，都是入门时可能会遇到的问题，那…