在vue中vue-router配置的路径默认有"#"号,虽然无伤大雅,但是很多客户都不想看到,所以在初始配置路由的时候加上下面一句代码就可以了 mode:'history', 路径配好后,如果是在界面上点击某元素跳转 <router-link :to="{ path:'/xxx' }">某元素</router-link>或者给某元素添加点击事件,执行this.$router.push('/xxx')全局函数的定义1.在main.js中定义 V…

1.根实例问题 vue中的根实例可以有多个,每个根实例可以挂载DOM元素,只有在挂载的DOM元素上才可以使用该实例中的数据方法等. 并且,组件只有在某一个根实例所挂载的DOM元素上才可以使用. 2.组件的data选项 一个组件的 data 选项必须是一个函数,因此每个实例可以维护一份被返回对象的独立的拷贝.组件中的data写成一个函数,数据以函数返回值形式定义,这样每复用一次组件,就会返回一份新的data.如果data值为对象,将导致多个实例共享一个对象,其中一个组件改变data属性值,其它实例…

数据双向绑定的script在组件定义位置后面才顶用. 使用它的话,引用js就好,比较简单. 声明一个vm对象,new Vue({}).这个构造里传一个对象,包含el:界面元素,data:数据,methods:响应函数. 界面使用vue绑定,在元素定义处,用v-for ,v-model这样. 或者 没有声明v-xxx的元素如果想使用vue组件的数据,用{{}} 来引用data中的对象.不然直接用v-model="data中的字段名"即可使用.与之半丁的和new Vue()定义名没半毛关系…

最近再写一个vue的项目,视频中用的是vue1.0,但是现在vue已经2.0,所以踩了很多坑,先记录下来.理解有误再来修改. 路由问题 之前的路由是写在app.vue里边,而2.0的路由直接有个router文件夹的,路由的信息都在这里面的index.js文件里面 import Vue from 'vue'; import Router from 'vue-router'; import Hello from '@/components/Hello'; Vue.use(Router); expor…

vue-resource http拦截器interceptors: Vue.http.interceptors.push(function(request, next) {...} V-cookie: request.getHeader("x-requested-with");为null,则为传统同步请求,为 XMLHttpRequest,则为 Ajax 异步请求. request.headers.set('X-Requested-With', 'XMLHttpRequest');…

在vue的使用过程中会遇到各种场景,当普通使用时觉得没什么,但是或许优化一下可以更高效更优美的进行开发.下面有一些我在日常开发的时候用到的小技巧,在下将不定期更新~ 1.多图表resize事件去中心化 1.1 一般情况 有时候我们会遇到这样的场景,一个组件中有几个图表,在浏览器resize的时候我们希望图表也进行resize,因此我们会在父容器组件中写: mounted() { setTimeout(() => window.onresize = () => { this.$refs.char…

1.后台session过期前端跳转到登录页面 axios 拦截器 可以拦截请求和返回,对于失效的情况后端可以返回一个状态码,如401, 使用axios拦截时判断是401,则跳转到指定页面,如login.本人项目中开发还没定接口规范,后端返回的就是success:true/false axios.interceptors.response.use((response) => { if (response.data.success === false) { router.push('/login')…

在vue的使用过程中会遇到各种场景,当普通使用时觉得没什么,但是或许优化一下可以更高效更优美的进行开发.下面有一些我在日常开发的时候用到的小技巧,在下将不定期更新~ 1. 多图表resize事件去中心化 1.1 一般情况 有时候我们会遇到这样的场景,一个组件中有几个图表,在浏览器resize的时候我们希望图表也进行resize,因此我们会在父容器组件中写: mounted() { setTimeout(() => window.onresize = () => { this.$refs.cha…

1.vue cli使用npm run dev报错cannot get / config/index.js里有两个环境:一个是build,一个dev. 在config/index.js里面修改,build:{assetsPublicPath:'./'}:dev里面不需要修改,dev:{assetsPublickPath:'/'}.我本来在window上面开发的,后面移到linux上面,刚开始报错,我就把dev里面的路径改了,不报错,但是浏览器提示cannot GET /,怎么都找不到原因,就把de…

1.安装一些需要编译的包:提示没有安装python.build失败等 因为一些 npm 的包安装需要编译的环境,mac 和 linux 都还好,大多都齐全 .window 用户依赖 visual studio 的一些库和python 2+,windows的小伙伴都装上: windows-build-tools python 2.x 2.can't not find 'xxModule' - 找不到某些依赖或者模块 这种情况一般报错信息可以看到是哪个包抛出的信息.一般卸载这个模块,安装重新安装下即…