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

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

相关推荐
⑩-1 分钟前
Vue框架学习
前端·vue.js·学习
a程序小傲5 分钟前
京东Java面试被问:基于Gossip协议的最终一致性实现和收敛时间
java·开发语言·前端·数据库·python·面试·状态模式
小二·7 分钟前
Python Web 开发进阶实战:AI 原生应用商店 —— 在 Flask + Vue 中构建模型即服务(MaaS)与智能体分发平台
前端·人工智能·python
Devlive 开源社区16 分钟前
技术日报|推理RAG文档索引PageIndex登顶日增1374星,React视频工具Remotion二连冠进前二
前端·react.js·前端框架
xkxnq17 分钟前
第三阶段:Vue 路由与状态管理(第 45 天)(路由与状态管理实战:开发一个带登录权限的单页应用)
前端·javascript·vue.js
编程大师哥17 分钟前
JavaScript 和 Python 哪个更适合初学者?
开发语言·javascript·python
Irene199123 分钟前
Vue 3 中的具名插槽仍然完全支持,Vue 2 的旧语法 Vue 3 中已废弃
vue.js·slot
方方洛31 分钟前
技术实践总结:schema-bridgion:json、xml、yaml、toml文件相互转换
xml·前端·typescript·node.js·json
2601_949575861 小时前
Flutter for OpenHarmony二手物品置换App实战 - 自定义组件实现
android·javascript·flutter
object not found1 小时前
基于uniapp开发小程序自定义顶部导航栏状态栏标题栏
前端·javascript·小程序·uni-app