Vue前端框架

Vue

概述： 是一个前端框架，来展示数据给用户

1.插值{{}}、v-text、v-html
共同点：都可以输出模型的值
区别：
{{}}：当网速慢的时候，会出现插值闪烁
v-text：在网速慢的时候可以解决闪烁问题
v-html：可以将内容中的html代码解析
代码演示：

效果展示：

2.v-on事件绑定:

• 完整写法: v-on:click=“方法名称”
• 简写: @click=“方法名称”
  代码演示：（给两个按钮分别绑定单击事件，点击+按钮，num+1；点击-按钮，num-1）
  
  效果展示：
  

3.v-for遍历
代码演示：

效果展示：

4.axios(ajax异步请求)
案例
代码演示：


页面展示：

其他：

1. 绝对路径：以/开头的路径

   服务端路径：不需要加虚拟目录（在服务端内部----相当于转发）
   客户端路径：需要加虚拟目录（涉及到浏览器）

2. 相对路径：不以/开头的路径（一般html用，因为浏览器访问后端，需要加虚拟目录，jsp页面可以使用${pageContext}来动态获取，但是html不行）

   写法：
   访问资源路径: http://localhost:8080/account/findAll.do
   html页面路径：http://localhost:8080/account.html

   因此：
   html异步请求的url格式：account/findAll.do