Vue3 工程化项目使用详解

逆风飞翔的小叔

大数据领域新星创作者

2025-01-12 11:12:48

https://blog.csdn.net/congge_study/article/details/145089960

...全文

48 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

VUE3 工程化项目使用详解

Webpack 是一个现代 JavaScript 应用程序的静态模块打包器（static module bundler）。在 Webpack 处理应用程序时，它会在内部创建一个依赖图（dependency graph），用于映射到项目需要的每个模块，然后将所有这些依赖生成到一个或多个 bundle。Webpack 可以做到按需加载。遍历源文件 > 匹配规则 > 打包这个过程中做不到按需加载，即对于打包起来的资源，到底页面用不用，打包过程中是不关心的。

本文介绍了Vue工程化开发的基本概念和步骤。首先，Vue是一款用于构建用户界面的渐进式JavaScript框架，企业开发中更注重前端工程化，包括模块化、组件化、规范化和自动化。接着，文章详细说明了如何使用Vue官方提供的脚手架工具create-vue来创建工程化的Vue项目，包括安装NodeJS、配置npm、创建项目、安装依赖等步骤。此外，还介绍了Vue项目的结构、启动方式以及开发流程。最后，文章对比了Vue的两种API风格：组合式API和选项式API，帮助开发者更好地理解和选择适合的开发方式。

开发Vue的两种方式:核心包传统开发模式:基于html / css / js 文件，直接引入核心包，开发Vue。工程化开发模式:基于构建工具（例如: webpack )的环境中开发Vue。项目的目录：项目的运行流程：// 作用：导入App.vue，基于App.vue创建结构渲染index.html//1.导入vue核心包//2、导入App根组件// 在控制台中提示：当前处于什么环境（生产环境、开发环境）

vue3引入router详解，vue3+typescript使用Vue-Router包详解。

DevOps运维开发技术布道

87,209

社区成员

571

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章