路径的引入
(我不知道大家有没这么写过,反正我以前是这么干过哈哈哈)
build下的webpack.base.conf.js,搜索@可以看到
this指向
(常见的window的属性和方法有: alert,location,document,parseInt,setTimeout,setInterval等)
解决办法一:
解决办法二:定义变量访问this
Vue中数组、对象更新视图不会重新渲染
曾经有遇到过这个问题,发现在data里声明或者赋值过的对象与数组(数组里是对象)的时候,向对象添加新的属性,如果去更新这个属性的值,是不会重新渲染的。
我用vuedevtools看了一下,值是被修改的 后来我看了一下文档,vue 中无法检测到根据索引值修改的数据变动的,这种写法数组的值不会更新视图。
vue只监听了数组的splice,push,unshift等方法,可以使用 $set方法会更新视图。
Vue.set(vm.obj, ‘e’, 0)
您还可以使用 vm.$set 实例方法,这也是全局 Vue.set 方法的别名:this.$set(this.obj,‘e’,02)
Vue绑定数据防止页面闪烁
这样就可以防止页面闪烁啦
组件引用使用require.context()
函数接受三个参数:
- directory {String} -读取文件的路径
- useSubdirectories {Boolean} -是否遍历文件的子目录
- regExp {RegExp} -匹配文件的正则
路由传参的几种方式
方法1:
方法2:
方法3:
三种方法的对比:
方法1和方法3参数是拼接在路由后面的,会暴露信息
方法2不是拼接在路由后面,但是页面刷新后数据会丢失
组件缓存不重新加载
keep-alive包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们。
components和Vue.component的区别:
Vue.nextTick():
在修改数据之后立即使用这个方法,获取更新后的DOM
自定义键码别名
事件修饰符
.stop: 阻止冒泡
.prevent: 阻止默认行为
.self: 仅绑定元素自身触发
.once :只触发一次
.passive: 滚动事件的默认行为(即滚动行为)将会立即触发,不能和.prevent一起使用
三种Vue.$router
this.$router.push(): 跳转到不同的url,但这个方法回向history栈添加一个记录,点击后退会返回到上一个页面
this.$router.replace(): 不会有记录
this.$router.go(n): n可为正数可为负数。正数返回上一个页面,类似window.history.go(n)
Img加载失败
好吧 我发现用vscode截图画质先不说,就怎么感觉这么丑呢
先到这了 有时间咱就慢慢更~~~~