3.7.2 vue的两种开发方式

前面两章介绍了vue的基本语法,但实际上,vue有两种开发方式:
一.本身不启动任何服务
从属于某个服务器,例如tomcat、apache、IIS等。只需要引用vue的相应的js文件就可以了,进行的是页面渲染的工作,基本就是取代了服务端渲染数据的方式
二.前端单独启动服务器
这种方式就是纯粹的前后端分离了。编译了vue的组件(.vue)文件后,生成的静态文件,作为静态服务器启动,例如html、css、js、图片等,启动服务器后,如果有数据请求,再发起一个http请求,而这个请求是跨域的(也就是端口不一样)。
其实这样的方式早就已经有了,例如tomcat+nginx,nginx接收所有请求,然后再转发给tomcat,假如请求的是静态的,tomcat马上就返回资源,如果是动态的例如是jsp或者servelt,那么就返回计算后的资源。
为了适应第二种开发方式,vue提供了很多命令行指令,可以方便的启动服务器,或者是打包整个vue项目把vue文件编译成js文件,变成纯静态资源。这就是vuecli(commandlineInterface命令行界面)。
还有一个功能就是用命令创建一个vue项目,所谓的快速搭建脚手架。
而cli使得开发工具更为丰富,例如VSCodeIDEA