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启

浅谈Vue.js

作为一名Vue.js的忠实用户,我想有必要写点文章来歌颂这一门美好的语言了,我给它的总体评价是“简单却不失优雅,小巧而不乏大匠”,下面将围绕这句话给大家介绍Vue.js,希望能够激发你对Vue.js的兴趣。注:本文介绍的是Vue1.×,目前Vue已经升级至2.×,功能和语法上有一定升级和修改,想了解2.×的请移步:http://www.cnblogs.com/luozhihao/p/6014098.htmlVue.js简介Vue.js的作者为EvanYou(尤雨溪),曾任职于GoogleCreativeLab,虽然是Vue是一个个人项目,但在发展前景上个人认为绝不输于Google的AngularJs,下面我会将Vue与Angular(Angular1.0+版本)做一些简单的比较。Vue的主要特点就和它官网(http://cn.vuejs.org/)所介绍的那样:(1)简

5分钟学会Ajax基本用法

引言:有很多童鞋,在WEB前端面试的时候,常会被Ajax问题难住,其实Ajax没有你们理解的那么难,现在源码时代H5学科讲师带着大家重新来回顾一下知识点:随便再给大家普及一下小常识,今天咱们聊的就是怎么快速掌握Ajax。小常识科普:Ajax全称是:AsynchronousJavaandXml,常用于B/S架构上,是实现客户端与服务器端异步交互的主要手段。通常浏览器中的交互模式一般分为:同步和异步交互两类。那它们之间有哪些差别呢?第一、同步交互:指客户端向服务器端发送请求,到服务器端进行响应,这个过程用户不能做其它的事情,只有等待请求完成。第二、异步交互:指客户端向服务器端发送请求,到服务器端进行响应,

通过时间戳返回动态的时间

有些网站中会有实时的时间显示,我们可能会发现这个时间与本机电脑并不完全相同,这是因为服务器上的时间可能会和本地稍有差距,所以一般做倒计时或者正常的时间显示还是以服务端的时间为准。html:<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>时间</title><scriptsrc="js/date.js"></script></head><body><divid="dateTime"></div></body></html>拿到时间戳这里不再赘述。JavaScript:window.onload=function(){  vartimeStamp=1495008655963;  varyear,mon,date,hour,min,sec,timeNow,dateTime;  functiongetDT(timeStamp){ 

关于食品安全

关于食品安全的文章(一):食品安全,我的心愿心愿是快乐,是从心底发出完美的盼望,但因某种原因又迟迟没有实现,这是我理解的心愿。因为我是一个十分喜欢美食的小孩,所以常会注意食品安全网或食品有关的纪录片。上个月和家人一齐看了一个美国的关于纪录片,看到的听到的,能够用惊讶,可怕来表达。这是个主讲美国食品的安全及来源的电视,在片中看到鸡舍的鸡从来没有见过阳光,普通的鸡三个月才会长大,而那里的鸡49天就能够长大,快速长大的鸡身上又肥又胖,走不了几步就摔倒了,倒下就不好再站起来,不久就被别的鸡踩死,之后就是等待被宰杀的命运。平日里在超市买

给我留言