Vue后台开发快速入门学习

本文介绍了Vue的重要指令,如v-bind、v-if等,并详细阐述了Vue的请求流程和数据绑定原理。此外,还讲解了Vue文件结构,组件Component的使用,以及生命周期方法如created和mounted。最后分享了在实际开发中遇到的问题与解决方案。
摘要由CSDN通过智能技术生成

之前公司的项目中用到Vue框架,对我而言只是调用接口,这是上次的《Vue框架前后端联调》
现在需要我作为前后端,自己进行编写前端代码,这着实让我尴尬了一场,我们组是一个不需要前端的组,遇到前端功能后台上,所以感谢我的前端朋友远程指导我完成vue的开发
下面我来简而言之讲一下vue吧,vue是啥,做啥,优点,这就不说,直接开门见山

一、重要指令

v-bind:指令,v-bind:title=“message” 将元素节点的title特性和vue实例的message属性保持一致
v-if:if判断语句
v-for:绑定数组的数据来渲染一个项目列表
v-on:click:指令添加一个事件监听器
v-mode:表单输入与应用状态之间的双向绑定
v-once:一次性插入
v-html:将数据输入为html文件

二、请求流程

浏览器输入ip:port/路径经过的路程:
1)/config/index.js寻找port,请求对应的后台地址也在此文件中:proxyTable{target: ‘http://127.0.0.1:8081’,}
2)/src/router/index.js:请求对应项目中的位置
3)页面渲染new App入口

三、关于数据绑定

Vue.js是一款轻量级的以数据驱动的前端JS框架,其和jQuery最大的

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值