vue使用中的问题总结

【vue使用中的问题总结】的更多相关文章

vue使用中的问题总结

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

vue使用中的随笔

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

vue使用中遇到的，以及vue1.0到vue2.0新手踩的坑

最近再写一个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 使用中的小技巧

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

Vue使用中遇到问题汇总（三）

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

Vue 使用中的小技巧（山东数漫江湖）

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

Vue使用中遇到问题汇总（二）

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…