写给后端开发的『vue3』前端开发扫盲

我心飞翔 分类:vue

Node是什么?

node.js是一个js运行时环境,基于chrome V8引擎,有了它就可以直接运行js了,在这之前js只能跑在浏览器里。就像jvm跑java程序。

NVM是什么?

nvm是一个node版本管理工具,见名知意,node version manage。有了它可以对node的各个版本进行下载,切换,删除。都安装过多个版本的jdk吧。

NPM是什么?

随node.js一起安装的包管理器,有了它就可以很方便的下载各类第三方js包,包里的东西直接拿来用即可。maven都用过吧。

webpack是什么?

js应用程序的打包工具,写个.vue文件浏览器是无法运行的,这时webpack就可以帮助开发者把各类资源打包为对应的js,css文件。maven打包都用过吧。

VUE3

一款牛x的前端框架,封装了命令式js代码,暴露给用户更友好的声明式,还有就是拥有类似MVC的MVVM能力,其它特点参考官网。spring mvc都用过吧。

创建vue3项目

npm install -g @vue/cli
vue create project_name
cd project_name
npm install
npm run serve

vue脚手架会生成项目基架,spring initializer都用过吧。

上帝视角

vue3开发通常是前后端开发分离的,前端向后端发起ajax请求获取数据(通常携带token),通常是axios组件。jquery发ajax都用过吧。

在vue中可以配置router路由(前端的url路径),对应的路径由对应的组件component来渲染。

接下来就是开发具体的SPA(single-page app),由template,script,style组成,就是基本的html+css+js。

Element Plus

基于 Vue 3,面向设计师和开发者的组件库,有了它可以快速完成前端各类组件,bootstrap-ui都用过吧。

回复

我来回复
  • 暂无回复内容