摘要:
vue3.0正式版本已经发布超过一年,社区生态已经完善,所以,是时候开始使用vue3.0了 目前已支持 vue3 的UI组件库 ant-design-vuehttps://antdv.com/docs/vue/introduce-cn/ant-design-vue 是 Ant Design 的 Vu 阅读全文
摘要:
使用 Vite 快速搭建 Npm npm init @vitejs/app` Yarn yarn create @vitejs/app 选择vue- vue-ts 安装依赖 npm install 启动项目 npm run dev 修改 Vite 配置文件 import { defineConfig 阅读全文
摘要:
1. 创建一个普通的vue3项目 npm i -g @vue/cli //全局安装最新vue构建工具 (默认最新) vue create testvue3 //创建一个名为myvue3的项目 选择 Default ( Vue 3 Preview) //运行项目 cd testvue3 yarn se 阅读全文
摘要:
Lazy-Load,翻译过来是“懒加载”。它是针对图片加载时机的优化:在一些图片量比较大的网站(比如电商网站首页,或者团购网站、小游戏首页等),如果我们尝试在用户打开页面的时候,就把所有的图片资源加载完毕,那么很可能会造成白屏、卡顿等现象,因为图片真的太多了,一口气处理这么多任务,浏览器做不到啊! 阅读全文
摘要:
在项目中,有时候检测一个变量的值是否反升了变化。通常使用的watch或者使用低效的循环判断。 在次vue中给我们设置了深度监测数据繁盛变化的方法。 1.vue中提供了在watch监听时设置deep:true 就可以实现对对象的深度监听; 2.immediate:true,代表watch里面声明了之 阅读全文
摘要:
热爱vue开发的同学肯定知道awesome-vue 这个github地址,里面包含了数以千计的vue开源插件,而这些插件大都来自第三方开发者们,是他们为vue社区提供了大量的技术支持和解决方案。本文立足vue开源的理念,主要为vue开发者讲解编写vue插件的方法和步骤,通过理论与实践相结合的方式来加 阅读全文
摘要:
相比较于函数的封装,规模更大一点的便是组件的封装,组件包含了模版、脚本以及样式的代码,在实际开发中组件的使用频率也是非常大的,我们项目中的每一个页面其实都可以看作是一个父组件,其可以包含很多子组件,子组件通过接收父组件的值来渲染页面,父组件通过响应子组件的回调来触发事件。 封装一个组件主要包含两种方 阅读全文
摘要:
在生活中,重复的机械劳动会消耗我们的时间和精力,提高生产成本,降低工作效率。同样,在代码世界中,编写重复的代码会导致代码的冗余,页面性能的下降以及后期维护成本的增加。由此可见将重复的事情复用起来是提高生产效率、降低维护成本的不二之选。 在 Vue 项目中,每一个页面都可以看作是由大大小小的模块构成的 阅读全文
摘要:
该配置文件便是 Vuex 的配置文件,主要有 4 个核心点:state、mutations、actions 及 getter,详细的介绍大家可以参考官方文档:[核心概念](https://vuex.vuejs.org/zh/guide/state.html),这里我用一句话介绍就是:**我们通过 a 阅读全文
摘要:
关于文件名:必须以如下方式命名,不要乱起名,也无需专门手动控制加载哪个文件 .env 全局默认配置文件,不论什么环境都会加载合并 .env.development 开发环境下的配置文件 .env.production 生产环境下的配置文件 关于文件内容: 注意:属性名必须以VUE_APP_开头,比如 阅读全文