vue杂谈
文章平均质量分 62
纷飞丿
我的前端开源库:
fly-barrage:功能完善,强大的 web 端弹幕库。包含完整 DEMO,可快速上手;
fly-gesture-unlock:功能完善,强大的 web 端手势解锁库。包含完整 DEMO,可快速上手;
展开
-
Vue2 中组件的本质、组件的实例化、组件实例的挂载
这篇博客的内容是讲讲在 Vue2 中,组件在底层的本质。在这里,直接抛出结论:组件的本质就是一个个的构造函数,这些函数以组件的定义 options 对象为参数,在 Vue2 中,最顶级的组件就是我们从 vue.js 中导入的 Vue 函数,而子组件是 Vue 底层通过 extend 函数创建出来的 VueComponent 函数。通过 new 这些组件的构造函数,我们可以创建出组件实例。原创 2022-10-11 10:50:02 · 1943 阅读 · 1 评论 -
Vue 首屏加载优化(dist 打包文件从 5M+ 缩减到 324kb)
最近在做 Vue 项目的首屏优化,效果不错,在这里将经验分享给大家,总的优化措施是以下四点。优化方式1:将项目中用到的图片移动到百度云文件存储 优化方式2:使用路由懒加载 优化方式3:关闭 sourceMap 文件的生成 优化方式4:将 vue、vue-router、vuex、axios、element-ui 改成 cdn 引入优化思路:将非必要打包的文件都移出去,最大化减小 dist 文件夹的体积,这样即使在服务器带宽不大的情况下,也能保证浏览器快速从服务器获取代码资源,而其他那些被移出去的文原创 2022-03-28 22:13:46 · 3035 阅读 · 1 评论 -
Vue 使用户输入的字母自动转换成大写,并同步到数据
平时的业务中,有时需要将用户输入的字母直接转换成大写,并且同步到数据。我们可以使用 Vue computed 中的 get 和 set 完美的完成这个需求,看下面的代码实例:<template> <div id="app"> <el-input v-model="nameComputed" placeholder="输入字母会自动转换成大写" clearable></el-input> <.原创 2021-07-02 19:38:14 · 5556 阅读 · 0 评论