之前公司的项目中用到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最大的