vue通过watch监听路由变化

通过watch1.监听,当路由发生变化的时候执行watch:{  $route(to,from){    console.log(to.path);  }},2watch:{  $route:{    handler: function(val,oldVal){      console.log(val);    },    //深度观察监听    deep: true  }},3.//监听,当路由发生变化的时候执行watch:{  '$route':'getPath'},methods:{  getPath(){    console.log(this.$route.path);  }}

vue+vuex+vue-route实现简单登陆

不多说直接上代码吧 vuex内容--store->login.jsconststate={token:window.sessionStorage.getItem('token')}constgetters={}constmutations={SET_TOKEN(state,res){state.token=res.code  window.sessionStorage.setItem('token',res.code)}}constactions={}exportdefault{state,getters,mutations,actions}token:一个登陆的标记adminRouter.beforeEach((to,from,next)=>{consttoken=adminStore.state.login.token if(to.meta.requireAuth){  if(token){   next()}else{next({path:'/login'    //query:{redirect:to.fullPath}   })}}else{next()}})路由拦截constLogin=r=>require.ensure([],()=>r(require(&#

vue.js安装过程(npm安装)

一、开发环境vue推荐开发环境:Node.js:javascript运行环境(runtime),不同系统直接运行各种编程语言npm:Nodejs下的包管理器。webpack:它主要的用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备,比如资源的合并和打包。vue-cli:用户生成Vue工程模板二、环境搭建安装node.js: 1.从node.js官网下载并安装node,安装过程很简单。 2.npm版本需要大于3.0,如果低于此版本需要升级它:#查看版本$npm-v2.3.0#升级npmcnpminstallnpm-g3.基于node.js,利用淘宝npm镜像安装相关依赖。由于国内使用npm会很慢,这里推荐使用淘宝NPM镜像(http://npm.taobao.org/)$npminstall-gcnpm--registry=https://registry.npm.taobao.org1完成之后,我

npm基本操作(安装,搭建环境,打包)

Nodejs(npm)环境安装:npm的安装配置(从nodejs网站上安装npm): Windows安装Nodejs操作步骤如下:64位安装包下载地址: https://nodejs.org/dist/v4.4.3/node-v4.4.3-x64.msi1.1下载下来的安装包双击打开:1.2点击Run1.3.点击next 1.4.点击next(我自己设置默认的安装位置) 1.5.点击next 1.6.点击install 1.7直到完成 安装完成后,cmd中输入:node-v   npm–v    输入path查看环境变量是否配置成功 配置环境变量:(1)修改用户变量PATH:把"C:\nodejs\node_global"加到后面。(2)新增系统变量NODE_PATH:设置成“C:\nodejs\node_global\node_modules”。出现版本号,则说明安装成功2.环境安装利用npm启

给我留言