Vue-前端工程化

前后端开发模式

早期开发是前后端混合开发

即前后端代码写在一个工程中

前端写完给后端,后端发现问题反映给前端,后端就需要懂全栈


YAPI(接口在线管理平台)

一个接口管理和编辑平台

现在已经没有在维护了

还有mock服务

就是根据你编写的来生成一个网址,然后你访问的话

会进行对应数据的返回

如图

前端工程化

很多小白理解的前端工程就是这样

资源没有同一管理

js内部,代码复用性不高

环境准备

vue项目提供了一个脚手架

可以快速生成vue模板

首先准备nodejs的环境

找个nodejs安装博客或视频进行安装以及环境配置

Vue项目

在想创建Vue项目的文件夹下

开命令行

输入vue ui即可使用图形化界面来创建Vue工程


经历一系列的选择后

创建出来这个项目

再用vscode打开就行

这是具体每个文件对应但是干嘛的

可以通过这个文件来改端口号

开发流程

1.我们main里面导入App.vue组件成为App

再建一个vue对象,render是创建虚拟dom元素,并且把vue对象实例挂载到#app

而这个区域就是index.html的div区域

所以我们打开默认首页才会有页面

相关推荐
借个火er1 分钟前
React 19 源码全景图:从宏观到微观
前端
张清悠2 分钟前
CSS引入外部第三方字体
前端·javascript·css
追逐梦想之路_随笔4 分钟前
手撕Promise,实现then|catch|finally|all|allSettled|race|any|try|resolve|reject等方法
前端·javascript
张较瘦_5 分钟前
前端 | 吃透CSS视觉特效:圆角、渐变、动画与变换核心解析
前端·css
Tzarevich6 分钟前
Tailwind CSS:原子化 CSS 的现代开发实践
前端·javascript·css
借个火er6 分钟前
React 19 源码揭秘(二):useState 的实现原理
前端
微爱帮监所写信寄信16 分钟前
微爱帮监狱寄信写信小程序:深入理解JavaScript中的Symbol特性
开发语言·javascript·网络协议·小程序·监狱寄信·微爱帮
前端小臻22 分钟前
RustFs 前端开发
javascript·vue.js·rustfs
+VX:Fegn089526 分钟前
计算机毕业设计|基于springboot + vue英语学习系统(源码+数据库+文档)
数据库·vue.js·spring boot·后端·课程设计
syt_101332 分钟前
js基础之-如何理解js中一切皆对象的说法
开发语言·javascript·原型模式