前端引入vue.js和使用vue脚手架的区别?

Vue脚手架用于快速初始化项目,提供基础结构和依赖,便于工程化管理。它创建的是前端工程,适用于中大型项目,支持添加依赖、优化,如代码压缩和资源优化。相比之下,直接通过<script>标签引入Vue则适合简单应用,无需构建过程。
摘要由CSDN通过智能技术生成

vue脚手架:

顾名思义,脚手架的意思是帮你快速开始一个vue的项目,也就是给一套vue的结构,包含基础的依赖库,只需要npm install就可以安装,让我们不需要为了编辑或者一些其他事情浪费时间 总而言之,就是快速搭建项目的,让我们可以早点去写代码

区别:

脚手架工具搭建的项目是把Vue作为一个模块(如CommonJS规范的模块)对待,在源码中引入vue模块,最终需要用构建工具(如webpack)载入模块,编写代码需要require(‘vue’)。而直接用“<script>”标签引入相当于直接把vue.js里的代码引入到自己的代码中,里面直接有一个Vue全局变量,不需要构建工具就能直接使用了。

应用场景:

脚手架建立的是前端工程,可以添加各种依赖包,也可以优化项目,例如图片压缩、减少http请求,代码压缩等等好处,比较便于项目的工程化管理,适合中大型项目;vue.js适合写简单的页面或者实现一个简单的小应用,省去了构建工程、打包发布,比较方便。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

神也畏惧小卢

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值