直接引用vue.js,也可以出效果。但是这样的利弊在哪？搭建脚手架的利弊又是什么呢？

boy 火巨

脚手架那套系统帮你模块化，比如每个页面都是一个组件，可以抽象出共用组件分给不同页面用。直接引用其实也能做，你也得搭一套js的模块化，再放到你的index.html，功能是一样的，自己设计一套也挺麻烦，要考虑很多问题。
脚手架有一个统一的入口main.js，你引入router，resource，vuex很方便，也很清晰，你的方式项目庞大以后，容易乱。
脚手架提供了测试服，你现在用的是单机版，测试服在本地监听端口进行测试，可以使用ajax请求，可以将请求代理到web端接口进行联调。
webpack配合vue单文件，css，js，html整合在一起，每个部分都是一个模块，同样图片模板都是一个模块，你可以在webpack里配置这些文件的处理方式，比如自动添加css前缀，使用less，sass，jade，将小于多少的图片转成base64，等等等等。
使用npm管理你的开发和插件，想用什么插件直接npm install，不用手动script标签引入，插件很多的时候不用考虑那么多，直接找到配置表，版本管理也很方便。

你就算不用vue-cli，也有必要找一套vue的项目模板，基本路数都差不多，你总有那么多事要做。要么，你自己设计一套vue的架构，也没问题，前提就是方便，规划的合理，脉路清晰。不过构建大型的项目还是推荐搭建脚手架的这种方式的！

直接引用vue.js,也可以出效果。但是这样的利弊在哪？搭建脚手架的利弊又是什么呢？相关推荐

Vue.js实现tab切换效果
tab切换第一步先要把HTML写好,这个第一步很关键,主要分为两块结构 <div id="app"><ul class="tab-tilte" ...
都在夸官方文档 Vue.js 2021 年度报告出炉！
整理 | 苏宓出品 | CSDN(ID:CSDNnews) 作为前端开发框架三剑客之一,Vue 自 2014 年发布以来,成为很多开发者必备的工具. 近日,国外软件开发机构 Monterail 在对 ...
前端：运用vue.js实现跑马灯效果
运行效果如下: 代码如下: <!DOCTYPE html> <html lang="en"> <head><meta charset=&q ...
168.Vue.js智能扫码点餐系统（二）【搭建Vue开发环境】2019.03.18
0.知识点搭建开发环境 1.搭建Vue开发环境 2.安装vue-cli脚手架安装命令 // 第一种: npm install --global vue-cli// 第二种 cnpm install ...
php 标签页切换,vue.js实现标签页切换效果
第二个实例是关于标签页切换的,先看一下效果: 这也是一个很常见的交互效果,以往正常的javascript写法是给各个按钮绑定事件来切换不同的层,当然也可以用纯css写,给上面的三个切换的层分别添加一个 ...
php vue联动查询,使用vue.js实现联动效果的示例代码
摘要:本篇文章主要介绍了使用vue.js实现联动效果的示例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考.一起跟随小编过来看看吧想用vue.js写一个联动效果,按照自己的思路实验了下,并没有 ...
全面掌握前端框架Vue.js
整理自菜鸟教程 Vue.js简介 Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的渐进式框架. Vue 只关注视图层, 采用自底向上增量开发的设计. Vue 的目标是通过尽 ...
Vue.js 3.0快速入门（附电影购票APP开发实战源码）
前言文档笔记来源:kuangshenstudy,清华大学出版社,结合视频资源食用更佳,相关资源源码在文末,有需要自取. 一.概述 Vue是什么? Vue.js是基于JavaScript的一套MVVC ...
普通页面使用vue.js心得
在写本文之前要问自己几个问题,来说明为什么要这么做: 为什么在html中使用vue.js? vue.js已经趋于成熟,个人感觉比jquery要好用的多,但是在node环境下使用vue.js不用使用SS ...

直接引用vue.js,也可以出效果。但是这样的利弊在哪？搭建脚手架的利弊又是什么呢？

直接引用vue.js,也可以出效果。但是这样的利弊在哪？搭建脚手架的利弊又是什么呢？相关推荐

最新文章

热门文章