hyl999的专栏

this.$store.commit('toShowLoginDialog', true);this.$store.dispatch('toShowLoginDialog',false)主要区别是：dispatch：含有异步操作，例如向后台提交数据，写法： this.$store.dispatch('mutations方法名',值)commit：同步操作，写法：this.$stor...

整理 node-sass 安装失败的原因及解决办法声明：本文非原创，如有侵权请留言或发邮件告知，作者会立即停止侵权并删除本文。发布此文章主要是希望跟作者遇到同样问题的同学能解决node-sass 安装失败的问题。npm install 时偶尔遇到报错：没有安装python或node-sass 安装失败的问题，百度之后发现是被墙了，但根据百度的方法换了淘宝镜像和用了vpn都安装失败...

还原Vue.js的data内的数组和对象最近学习Vue.js发现其为了实现对data内的数组和对象进行双向绑定，将数组和对象进行了封装。如下的对象todos: [ { id: 1, title: 'Do the dishes', }, { id: 2, title: 'Take out...

Vue method与computed的区别（最清晰的讲解）2018年11月08日 11:02:59Kilven_ck阅读数 641版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/wobaiwodedukuku/article/details/83857003html<DIV id="vue-app-one">...

vue中使用动态添加路由(router.addRoutes)加载权限侧边栏的两种方式工作中我们经常会遇到这种需求，后台定义用户的权限数据，前端进行获取，并渲染在侧边栏导航上，不同权限的用户看到的侧边栏是不同的。即前端渲染的数据是随着后台的改变而改变的，做到真正的前后端分离。一、拿到需要动态添加的路由表我们的思路是：登录(login，所有人均可见)--------->登录成功，...

转载。 https://blog.csdn.net/chjj0904/article/details/78753153写这篇文章的主要目的是现在公司刚使用 Vue开发了一个全新的项目，而在使用 Vue 的时候很多同事对是否用Vuex ， 为什么要使用 Vuex 不理解，我本身在这个项目之前是没有使用过 Vue 或者 Vuex 写过实际项目； 主要是根据此次项目的的一点经验所写；不当之处，欢迎讨...

5分钟带你入门vuex（vue状态管理）如果你之前使用过vue.js，你一定知道在vue中各个组件之间传值的痛苦，在vue中我们可以使用vuex来保存我们需要管理的状态值，值一旦被修改，所有引用该值的地方就会自动更新，那么接下来我们就来学习一下vuex是如何修改状态值的：我们新建一个vue项目（这里由于我们是讲解vuex，所以对于vue项目的创建我们不会讲解太详细）；在命令行输入...

vuex action 与mutations 的区别面试没说清楚。这个太丢人回来整理下：事实上在 vuex 里面actions 只是一个架构性的概念，并不是必须的，说到底只是一个函数，你在里面想干嘛都可以，只要最后触发 mutation就行。异步竞态怎么处理那是用户自己的事情。Vuex.Store({state,actions,mutation});vue...

Action在 scrimba 上尝试这节课Action 类似于 mutation，不同在于：Action 提交的是 mutation，而不是直接变更状态。 Action 可以包含任意异步操作。让我们来注册一个简单的 action：const store = new Vuex.Store({ state: { count: 0 }, mutations: ...

箭头函数表达式的语法比函数表达式更简洁，并且没有自己的this，arguments，super或new.target。这些函数表达式更适用于那些本来需要匿名函数的地方，并且它们不能用作构造函数。语法基础语法(参数1, 参数2, …, 参数N) => { 函数声明 }//相当于：(参数1, 参数2, …, 参数N) =>{ return 表达式; }(参数1, 参数...

展开语法(Spread syntax),可以在函数调用/数组构造时, 将数组表达式或者string在语法层面展开；还可以在构造字面量对象时, 将对象表达式按key-value的方式展开。(译者注: 字面量一般指[1, 2, 3]或者{name: "mdn"}这种简洁的构造方式)function sum(x, y, z) { return x + y + z;}const ...

第一步：现在store文件夹下新建一个index.js文件，用来导出，输出你自己的存储变量以及状态。import Vue from 'vue'import Vuex from 'vuex'import app from './modules/app'import user from './modules/user'import permission from './modules/pe...

在做vue项目时用到了axios，但是发现axios请求之后的回调函数里this并不指向当前vue实例，从而导致浏览器报错。出错代码及结果: created : function(){ axios.get('static/data.json').then(function(res){ console.log(this) //undefined...

vue-router的push和replace的区别1.this.$router.push()描述：跳转到不同的url，但这个方法会向history栈添加一个记录，点击后退会返回到上一个页面。2.this.$router.replace()描述：同样是跳转到指定的url，但是这个方法不会向history里面添加新的记录，点击返回，会跳转到上上一个页面。上一个记录是不存在的。3....

其中<router-view>可以传递props，支持v-ref,同时也可以使用v-transition和transition-mode来获得场景切换效果，被渲染的组件将注册到父级组件的this.$对象上。路由对象和路由匹配路由对象，即$router会被注入每个组件中，可以利用它进行一些信息的获取。如属性 说明$route.path 当前路由对象的路径，如'/vi$route...

Vue:router的beforeEach与afterEach钩子函数在路由跳转的时候，我们需要一些权限判断或者其他操作。这个时候就需要使用路由的钩子函数。定义：路由钩子主要是给使用者在路由发生变化时进行一些特殊的处理而定义的函数。总体来讲vue里面提供了三大类钩子，两种函数1、全局钩子2、某个路由的钩子3、组件内钩子两种函数：1、Vue.beforeEach(funct...

watch: { $route(to,from) { }}在任意组件中监听路由，当路由发生变化时，可进行某些操作。应用场景：当点击菜单中发生路由变化时，需要新增该菜单的tab页，此时就可以在tab页相关组件中监听路由变化。...

omputed+watch+Vuex实现多组件共享管理一个状态好久没有写博客了，就最近写的一些东西给大家做一个分享要实现的就是这种效果页面1页面2点击菜单栏可以弹出菜单，再点击即可关闭我是个菜鸟，初学vue还不太懂到底要怎么实现这个功能，通过各方查询最终决定用vuex这个状态管理模式来做，因为我的导航是一个组件，菜单栏也是一个组件，所以就涉及两个组件实时...