Vue重要技术汇总

本文汇总了Vue.js的重要技术,包括VueX用于跨页面数据共享,编程式导航实现灵活的路由跳转,利用localstorge持久化数据,keep-alive优化页面加载,动态路由配置,画廊组件创建,header的动画效果,解绑全局事件,递归组件的使用,Ajax获取动态数据,图片过渡动画,以及项目真机测试和打包上线等实战技巧。

 

VueX

 

作用:不同页面间进行数据共享。

索引:travel-8-9,8-10

 

编程式导航

作用:通过router实例方法的形式,进行路由跳转

索引:travel-8-9

 

localstorge的使用

索引:travel-8-10 

 

keep-alive标签

作用:优化url请求次数。使用keep-alive,路由中的内容每当被加载一次,就会自动放入内存中。下一次再请求这个路由的内容,直接用第一次的请求,不需要再发一个相同的请求。

索引:travel-8-11

 

动态路由

索引:travel-9-01

 

画廊组件

索引: travel-9-02

 

header渐隐渐现效果

索引: travel-9-03

 

解绑全局事件

索引: travel-9-04

 

递归组件

索引: travel-9-05

 

使用Ajax获取动态数据

索引: travel-9-06

 

图片渐隐渐现动画

索引: travel-9-07

 

项目真机测试

索引: travel-10-02

 

项目打包上线

索引: travel-10-03

 

页面加载实现异步组件调用

索引: travel-10-04

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值