vue
文章平均质量分 84
糖糖老师436
这个作者很懒,什么都没留下…
展开
-
vue3首屏速度优化
代码中所有的依赖包会集成到一起,生成chunk-vendors.js,如果发现这个js很大,可以通过分割,将大型代码库分割成多个较小的chunks(块)。这就在首次加载页面时,浏览器只需要下载和解析那些立即需要的代码块,而不是整个应用的所有代码,在vue.config.js中设置。因为vuecli 3默认开启prefetch(预先加载模块),提前获取用户未来可能会访问的内容, 在首屏会默认加载全部的js文件, 所以要关闭这个功能,在vue.config.js中设置。1.nginx开启gzip压缩。原创 2024-06-07 11:47:42 · 405 阅读 · 0 评论 -
Vue.js 动态组件与异步组件
Vue.js 是一个渐进式的JavaScript框架,用于构建用户界面。它由前谷歌工程师尤雨溪(Evan You)创建,并于2014年发布。Vue.js 的设计目标是易于上手,同时提供强大的功能来构建复杂的单页应用程序(SPA)。Vue.js 的核心库专注于视图层,易于与其他库或现有项目集成。它还提供了丰富的生态系统,包括路由、状态管理、构建工具等,以支持更高级的应用开发需求。动态组件是Vue.js中一个强大的功能,它允许在运行时动态地切换组件。原创 2024-06-04 12:10:23 · 542 阅读 · 0 评论 -
[vue3] 组件封装技巧
文章包含我对封装的一些理解,并提供几种技巧和封装实例,包括弹窗(抽屉)的封装套路、Tooltip根据父元素宽度自动显示、按钮组的封装。封装是件耗时的事情,往往比你想的要复杂,所以如果时间不够,就不封装直接复制!原文链接:https://juejin.cn/post/7375152719483420706。原创 2024-06-04 11:08:27 · 920 阅读 · 3 评论 -
关于 Vue 中 JSX 的最佳实践
JSX 是一种 JavaScript 拓展语法,全称是,用于声明 UI 组件的结构,最初由 React 发明引入,但现在已成为许多 JavaScript 框架的一部分,包括 Vue 2、Vue 3。与传统 Vue 提倡的模板语法不一样,JSX 稍微改变了 Vue 的一般开发习惯,取消了模板语法,可以让我们像编写 JavaScript 一样去写页面,具备了 JavaScript 的灵活性同时又具备了 HTML 的语义化和直观性。原创 2024-06-04 10:49:36 · 1180 阅读 · 0 评论 -
Vue 技术探索:深入理解 VueCli 2.x
它主要包括以下命令文件:vue、vue-build、vue-create、vue-init 和 vue-list,这些命令分别用于管理项目、构建项目、创建新项目、初始化项目模板以及列出可用模板。它主要包括以下命令文件:vue、vue-build、vue-create、vue-init 和 vue-list,这些命令分别用于管理项目、构建项目、创建新项目、初始化项目模板以及列出可用模板。命令的主要功能是从指定的模板仓库中下载模板,并基于该模板生成一个新的 Vue.js 项目,因此,这个文件实现了。原创 2024-06-04 10:46:08 · 637 阅读 · 0 评论 -
Vue渲染函数与JSX指南
渲染函数是一个用于生成 VNode(虚拟 DOM 节点)的函数。它是 Vue.js 中一种底层的 API,用于渲染视图。JSX 是 JavaScript 的一种语法扩展,它允许在 JavaScript 代码中编写 HTML 样式的标记。JSX 的主要目的是使组件的开发更加简单和直观。JSX 的基本语法如下:js复制代码</h1>;上面的代码创建了一个h1标签,并将其渲染为一个 React 元素。在 JSX 中,你可以使用函数或类来定义组件。原创 2024-06-04 10:21:50 · 894 阅读 · 0 评论 -
Vue3设计与实现之响应系统——基本实现
MVVM&响应式数据&副作用函数vue是一个MVVM框架,那什么是MVVM呢,MVVM实际上是一种架构,Model:数据层,可能是固定的死数据,更多的是来自服务器,从网络上请求下来的数据View:视图层,前端开发中,通常就是DOM层,主要的作用是给用户展示各种信息View-Model:视图模型层,视图模型层是View和Model沟通的桥梁。主要的功能有两个,一是Data Binding(数据绑定),将Model的改变实时的反应到View中。二是DOM Listener(DOM监听)原创 2024-05-31 11:57:56 · 713 阅读 · 0 评论 -
一次vue2项目打包构建优化过程
记一次vue2项目构建优化过程。原创 2024-05-31 11:47:25 · 1303 阅读 · 0 评论 -
带你梳理Vue2: Vue组件中的注意事项和特例
所以,为什么推荐使用驼峰写法,这里就应该可以看出端倪了, 如果我们定义组件的组件名使用驼峰写法,也就是和需要被注册为组件的选项对象一致时,我们注册组件将变得简单。属性的作用我们都了解了, 就是在实例中使用,决定Vue需要接管的DOM元素. 组件是在实例中使用,所以不需要el属性, 如果一个选项对象被注册为组件,添加。通过案例我们就会发现如果所有的组件都共享数据,当有一个组件中的数据发生了变化,所有的组件显示的数据都会发生变化, 这不是我们想要的,原创 2024-05-31 11:15:18 · 631 阅读 · 0 评论