
vue
VUE踩坑/学习记录
小白酱的头号黑粉
所谓的光辉岁月,并不是以后闪耀的日子,而是无人问津时,你对梦想的偏执。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Vue热重载失效
问题vue的项目启动后修改元素页面不更新,打开控制台显示如下,很明显它是知晓了页面中有元素进行更改了的,但是只提示需要重新加载页面没有刷新,这是为啥呢?原因Webpack版本问题,webpack4.0后需要手动配置开启热更新,默认没有开启解决方法1、局部安装依赖npm install --save-dev webpack-dev-server2、修改vue.config.js配置文件,开启热更新devServer: { disableHostCheck: true,//webpa原创 2021-07-13 17:39:07 · 2808 阅读 · 0 评论 -
Vue对象新增属性无法监听到问题
解决方法:在新增属性的通知Vue对新增属性进行监听1、Vue.set(someObject,prop,value)2、this.someObject = Object.assign({},someObject,value)原理:把一个新的完整对象赋值给data中的某个属性,Vue会遍历这个对象内的所有属性,并通过Object.defineProperty,将这些property全部转化为getter/setter从而实现对属性的监听。直接通过this.someObject.prop无法监听到的原因:对原创 2021-04-25 19:14:50 · 3629 阅读 · 0 评论 -
搞懂Vue父子组件
首先明确一下根基:A.vue文件被B.vue导入并且注册使用了,则:B是父组件,A是子组件。父子组件之间数据传递只能自上往下传递,即通过Prop:父—>子(B---->A)看代码:一般组件都放在项目src的components文件夹下...原创 2020-08-24 16:20:13 · 2005 阅读 · 0 评论 -
vue中transition标签实现轮播图及ScreenToGif动图生成器
页面中想插入一个轮播图,本来想直接找一个现成,结果发现大佬们的代码都特别复杂,而且大部分都是直接用的better-scroll,放到我的页面上效果都不是很好,所以没有办法,本菜鸡就直接写了一个小白也能看懂可以直接调用的轮播图啦~首先说一下实现的功能:图片的无缝轮播,鼠标移入停止,移出继续以及底部的导航条效果:好啦废话不多说直接上代码啦:<template> <div i...原创 2019-04-07 20:36:59 · 1362 阅读 · 0 评论 -
vue-router之beforeRouteEnter实现注册成功判定,并给出相应提示
小白爬坑指南:下午想用vue框架写个注册登录,结果在注册成功后跳转到登录页面给出提示卡了一下~~给大家分享一下我的心路历程免得大家在这浪费时间。1.beforeRouteEnter的使用:代码如下 beforeRouteEnter(to, from, next) { console.log(to); console.log(from)...原创 2019-04-09 17:23:12 · 4021 阅读 · 0 评论