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

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

相关推荐
excel4 小时前
前端加密的作用与使用场景
前端
计算机魔术师5 小时前
纽约时报版权诉讼披露:微软高管内部称训练 AI 是人类历史上最大规模劳动窃取
前端
去伪存真5 小时前
大模型的参数量为什么那么大?
前端·人工智能
IT_陈寒5 小时前
Java空指针这次真把我坑惨了
前端·人工智能·后端
高级程序源6 小时前
django大学生创新创业项目管理系统94923-计算机课程设计、毕业设计
javascript·vue.js·spring boot·后端·python·django·课程设计
八荒启·交互动画6 小时前
# Web特效020—让 Web 特效真正动起来:时间循环应该怎么接
前端·webgl·网页特效·八荒启-交互动画·八荒启
动恰客流统计6 小时前
线下零售数字化浪潮下,客流统计的3个核心发展趋势
大数据·前端·人工智能
lizz22767 小时前
Babel插件手册
javascript
用户938515635077 小时前
从小米前端面试题,彻底搞懂闭包、作用域链与 useState 惰性初始化
前端·面试
粥里有勺糖8 小时前
视野修炼第133期 | Native 回春了?
前端·github·agent