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区域

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

相关推荐
奇迹_h3 小时前
打造你的HTML5打地鼠游戏:零基础入门实践
前端
SuperEugene3 小时前
Vue生态精选篇:Element Plus 的“企业后台常用组件”用法扫盲
前端·vue.js·面试
Neptune13 小时前
JavaScript回归基本功之---类型判断--typeof篇
前端·javascript·面试
贾铭3 小时前
如何实现一个网页版的剪映(三)使用fabric.js绘制时间轴
前端·后端
进击的尘埃3 小时前
微前端沙箱隔离:qiankun 和 wujie 到底在争什么
javascript
子兮曰4 小时前
后端字段又改了?我撸了一个 BFF 数据适配器,从此再也不怕接口“屎山”!
前端·javascript·架构
万少6 小时前
使用Trae轻松安装openclaw的教程-附带免费token
前端·openai·ai编程
颜酱6 小时前
一步步实现字符串计算器:从「转整数」到「带括号与优化」
javascript·后端·算法
浪浪山_大橙子6 小时前
OpenClaw 十分钟快速,安装与接入完全指南 - 推荐使用trae 官方 skills 安装
前端·人工智能
忆江南7 小时前
iOS 可视化埋点与无痕埋点详解
前端