vue项目打包上线element-ui的icon偶发性乱码问题

  在vue+elementui项目中会引用到部分elementui的icon图标           在将项目代码打包部署上线后,页面中有关icon图标部分会出现偶发性乱码的问题,一刷新又恢复正常           分析了一下这个问题出现的原因,如果一般使用不会出现这个问题,因为一般引入的是element-ui的css文件,问题出在于为了主题色变化啊,需要用到sc
vue项目打包上线element-ui的icon偶发性乱码问题

vue2父子组件的生命周期

父beforeCreate→父created→父beforeMount→子bereforeCreate→子created→子beforeMound→子mounted→父mounted 父beforeUpdate→父updated 子befforeUpdate→子updated 父beforeUpdate→子beforeUpdate→子updated→父updated 父beforeDestroy→
vue2父子组件的生命周期

Vue 更新

宏中对类型导入和复杂类型的支持 泛型组件 更符合人体工程学的 defineemits 类型化插槽 defineSlots reactive 解构 defineModel defineOptions 对 toRef and toValue 更好的支持 Getter JSX 导入源支持 维护基础设施改进
Vue 更新

Vue 插槽 slot

<!-- child.vue --> <slot>我是插槽默认的</slot> <!-- parent.vue --> <child> 我是替换默认插槽的~ </child> <!-- child.vue --> <slot /> <!-- parent.vue --> <child&
Vue 插槽 slot

Vue2 注入 provide inject

vue中的provide可以进行父组件向后代组件进行传值。但是,他没办法监听传输数据的变化。或者说明白点,就是如果我在父组件改变注入的值,它没办法更新。子组件改变传入的值,它也没办法进行更新。 vue官方说明 我们经过测试发现: // 父组件 provide: function() { this.myData3 = Vue.observable({ val: "我没改变", }); return
Vue2 注入 provide inject

Vue2 找不到组件名称

项目报错did you register the component correctly? For recursive components, make sure to provide the the "name" options,报错很容易理解,就是组件注册的方式不对,没有注册成功,仔细看了自己组件的注册,发现并没有什么问题 多次调用的组件使用import引入,可以让name不和父组件冲突 co
Vue2 找不到组件名称

返回上一页面保持之前的滚动条位置

h5 移动端项目,列表返回详情,需要保持之前位置不变。 需要保持滚动条的页面路由做标记。 路由钩子监听需要保持滚动的页面的滚动高度并保存。 进入页面时,如果有路由标记,则直接设置滚动高度,否则不变。 // router/index.js { path: "/user", name: "user", component: () => import("../views/user.vue"), m
返回上一页面保持之前的滚动条位置