![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
PPPP_X
这个作者很懒,什么都没留下…
展开
-
vue 作用域插槽
如官文文档所描述,在父组件使用子组件插槽的时候,父组件可以调用子组件里定义的数据,也就是相当于**子**组件把自己本身的数据传给**父**使用,这里介绍一种使用场景:如果子组件的数据是相同的,只是想插入到不同的父组件里,就可以使用作用域插槽。如果不使用作用域插槽的情况下,多个父组件需要多次定义重复的数据传给子组件,造成代码臃肿,这里可以使用作用域插槽,在子组件预先定义好数据,直接在父组件调用...原创 2020-07-12 23:20:47 · 167 阅读 · 1 评论 -
vue watch
vue watch 监听对象的时候,new 和 old 两个值只能记录不同对象的变化,如果同个对象,只是属性发生修改,新值和旧值都是同一个。如果要监听不同对象,使用 原对象 = Object.assign({}, 原对象 ,要更新的新对象);...原创 2020-04-30 10:34:37 · 177 阅读 · 1 评论 -
vue的计算属性与watch
vue中计算属性,监听的对象为深度监听,数据会进行缓存,依赖修改了才会进行刷新watch,监听的对象只是对象的地址,并不会对属性进行监听,如果要监听属性,可以在在方法名为 ‘Obj.attr’ 监听attr属性。可以设置deep为true,不过性能开销比较大,watch当页面刚加载,不会运行,只有当坚挺的对象修改后才会执行,如果要马上执行,可以给immediate设置为true。页面响应式监听...原创 2020-04-03 01:39:53 · 210 阅读 · 0 评论 -
移动端适配插件
amfe-flexible 自动根据移动端的屏幕大小而动态改变字体大小npm 下载后在main.js引入import ‘amfe-flexible’ //移动端rem适配postcss-pxtorem 自动将我们本地的css文件里的px单位转换成rem,在根目录.postcssrc.js文件里进行配置`module.exports = { plugins: { //.....原创 2020-03-26 17:13:22 · 1019 阅读 · 0 评论 -
vue cli4手动配置babel和babel-polyfill的webpack配置
module.exports = { chainWebpack: (config) => { config.module.rule('js').test(/\.js$/).use('babel-loader').loader('babel-loader') }, configureWebpack: config => { conf...原创 2020-03-23 18:59:19 · 7105 阅读 · 0 评论 -
vue 手动刷新渲染
今天在做一个vue的小项目功能,通过vuex里的mapGetters,把里面的数据保存在计算属性里,然后template通过这个数据渲染到页面上,这个功能需要通过点击来更新数据,由于需要更新的数据是对象的属性,在mapMutations里更新到计算属性后,页面并不会重新渲染,因此计算属性不会进行深度监听,即对象里的属性。这个时候,vue给我们提供了一个强制重新渲染的函数: this.forceU...原创 2020-03-20 19:08:16 · 2085 阅读 · 0 评论