摘要: vue3.x已经正式发布了,部分小伙伴已经用了vue3.x开发,部分小伙伴还在观望中,下面是两个影响比较大的改动 1、beforeDestroy和destroyed不能用了。 这个应该是vue2.x项目升级为vue3.x项目影响最大的地方,突然发现项目中beforeDestroy和destroyed 阅读全文
posted @ 2021-10-21 23:12 杂学不精 阅读(63) 评论(0) 推荐(0)
摘要: 走马观花似的看看从vue2.x开始到vue3.x的一些非兼容性的变更,这样在将来升级过程中遇到那些奇奇怪怪的不能用的时候,就会很容易解决啦。 #全局 API 全局 Vue API 已更改为使用应用程序实例 全局和内部 API 已经被重构为支持 tree-shake #模板指令 组件上 v-model 阅读全文
posted @ 2021-10-21 23:12 杂学不精 阅读(94) 评论(0) 推荐(0)
摘要: 有时候我们需要使用一些类似toast,messge、loading这些跟js交互很频繁的插件,vue3.x这类插件的定义跟vue2.x插件稍大,而且相对变得复杂了一点点。 第一种、需要时创建,用完移除 这种做法相对损耗性能,当一些显示隐藏频率不是特别高的插件可以如此封装。 1、新建loading.v 阅读全文
posted @ 2021-10-21 23:09 杂学不精 阅读(806) 评论(0) 推荐(0)
摘要: vue2.x 语法 在 2.x 中,在组件上使用 v-model 相当于绑定 value prop 并触发 input 事件: <ChildComponent v-model="pageTitle" /> <!-- 是以下的简写: --> <ChildComponent :value="pageTi 阅读全文
posted @ 2021-10-21 23:09 杂学不精 阅读(634) 评论(0) 推荐(0)
摘要: 做vue项目的时候,总有一些小组件或者工具类,我们需要频繁的使用,每个使用的地方再去引用相对比较麻烦,当然也有一些好处,尤其是配合组件异步加载的时候,能最更好的减少项目首次加载的体积,从而优化一些体验。 全局js插件 因为vue3.x js插件的全局使用也有调整,这里稍微说下简易的全局js引入。 # 阅读全文
posted @ 2021-10-21 23:06 杂学不精 阅读(578) 评论(0) 推荐(0)
摘要: 在大型应用中,我们可能需要将应用分割成小一些的代码块,并且只在需要的时候才从服务器加载一个模块 vue2.x 曾经简单的异步组件 components: { AsyncComponent: () => import('@/components/AsyncComponent.vue') } vue3. 阅读全文
posted @ 2021-10-21 23:04 杂学不精 阅读(202) 评论(0) 推荐(0)
摘要: 1、什么是px2rem px2rem是一个插件能将px自动转换为rem,以适配各种不同的屏幕尺寸。前端开发可以直接使用设计稿量出的尺寸或者蓝湖给出的px进行布局,这样极大的提高了开发效率。 2、前提条件 1、vue3.x新建的项目,这里只说vue3.x的适配,因为vue2.x一般都创建很久了,或者不 阅读全文
posted @ 2021-10-21 23:03 杂学不精 阅读(356) 评论(0) 推荐(0)