
vue踩坑之路
斷了De弦
这个作者很懒,什么都没留下…
展开
-
vue-cli开发环境下解决跨域问题
昨天晚上自己试图用vue脚手架连接springMVC的服务器端框架,发现在npm搭建的页面测试环境发登录请求老是被拒绝:1、这是前端报的错误:2、这是服务器端的日志:踩了一下午加一晚上坑发现这原来是跨域问题(我本地tomcat端口是8080,页面测试环境是8090),后来各种百度各种查,最终找到解决方案:1、在vue-cli中有main.js这个配置文件,应该配置一下测试服务器的代理。...原创 2018-06-16 11:22:59 · 1012 阅读 · 0 评论 -
ElementUI中el-radio再次点击取消选中
<el-radio-group v-model="radio2"> <el-radio @click.native.prevent="clickitem(3)" :label="3"> 备选项</el-radio> <el-radio @click.native.prevent="clickitem(6)" :label=&原创 2018-07-10 15:38:32 · 5524 阅读 · 1 评论 -
vue2.0中this.$refs获取子组件属性报undefined错误
首先,要强调一点,我的re被用来给子组件注册引用信息,引用信息注册在父组件的 $refs 对象上。如果在普通的 DOM 元素上使用,引用指向的就是 DOM 元素;如果用在子组件上,引用就指向组件实例:当我调用下面这个语句想要改变子组件的data中的uid属性时候this.$refs.historyRecord.uid=uid;报如下错误:查询资料和vue官方文档之后,发现是我...原创 2018-07-24 17:10:54 · 38447 阅读 · 0 评论 -
vue的双向数据绑定实现原理
vue数据双向绑定是通过数据劫持结合发布者-订阅者模式的方式来实现的,那么vue是如果进行数据劫持的,我们可以先来看一下通过控制台输出一个定义在vue初始化数据上的对象是个什么东西。var vm = new Vue({ data: { obj: { a: 1 } }, created: function () {...转载 2018-08-09 16:41:08 · 380 阅读 · 0 评论 -
vue的生命周期
所有的生命周期钩子自动绑定 this 上下文到实例中,因此你可以访问数据,对属性和方法进行运算。这意味着你不能使用箭头函数来定义一个生命周期方法 (例如 created: () => this.fetchTodos())。这是因为箭头函数绑定了父上下文,因此 this 与你期待的 Vue 实例不同,this.fetchTodos 的行为未定义。1、beforeCreate 在实...原创 2018-08-17 14:55:25 · 219 阅读 · 0 评论 -
vue-router实现原理
1. hash 模式随着 ajax 的流行,异步数据请求交互运行在不刷新浏览器的情况下进行。而异步交互体验的更高级版本就是 SPA —— 单页应用。单页应用不仅仅是在页面交互是无刷新的,连页面跳转都是无刷新的,为了实现单页应用,所以就有了前端路由。类似于服务端路由,前端路由实现起来其实也很简单,就是匹配不同的 url 路径,进行解析,然后动态的渲染出区域 html 内容。但是这样存在一个问题...转载 2018-09-14 18:04:13 · 2378 阅读 · 0 评论 -
vue中v-for中key的作用
需要使用key来给每个节点做一个唯一标识,Diff算法就可以正确的识别此节点,找到正确的位置区插入新的节点。参考:https://www.cnblogs.com/zhumingzhenhao/p/7688336.html...转载 2018-09-14 18:13:41 · 2659 阅读 · 0 评论 -
.vue文件的解析过程
参考:https://blog.youkuaiyun.com/weixin_38788947/article/details/76718402转载 2018-09-14 18:29:14 · 1541 阅读 · 0 评论