Vue文档
April 10, 2019 · View on GitHub
| Article | |
|---|---|
| Vue-cli脚手架 | Vue组件 |
| vue自定义指令 | Vue过渡动画 |
| Vue指令 | Vue api文档 |
| Vue执行ajax请求 | vue实现类似angular服务的方法 |
| Vue源码参考文档 |
源码示例
AppDemo
| Demo | |
|---|---|
| 新闻列表DEMO(1) | 新闻列表DEMO(2) |
| CNode社区DEMO | 图灵机器人 |
表达式
| Demo |
|---|
| Vue表达式执行函数 |
生命周期
| Demo | |
|---|---|
| Vue生命周期 | [Vue的nextTick.html) |
| Vue触发组件销毁 |
路由
| Controller | |
|---|---|
| 路由(v1)demo | 路由(v1)demo2 |
| 路由(v2)实例demo |
指令
| Directive | |
|---|---|
| 指令demo | 自定义指令demo |
| 滑动手势demo | 搜索框聚焦指令 |
| 置顶指令 | 下拉刷新 |
| ref获取节点 | 指令实现属性过滤 |
| 旋转图形的登录验证 | 吸顶菜单 |
过滤器
| Filter | |
|---|---|
| 过滤器demo | 过滤器实现分页demo |
| 过滤器读写数据 | 自定义搜索关键词高亮 |
过渡
| Transition | |
|---|---|
| 过渡demo | 过渡demo2 |
| 列表筛选和过渡效果 | 过渡v2 |
| 过渡实现轮播图效果 |
表单
| Form | |
|---|---|
| 获取表单值 | 购物车逻辑 |
计算
| Computed | |
|---|---|
| 计算属性 | 列表筛选和过渡效果 |
| 旋转图形的登录验证 | 收藏功能 |
| 计算属性实现高亮搜索 |
组件
| Component | |
|---|---|
| 组件demo | 点击预览大图 |
| 新闻列表DEMO | on实现非父子组件通信 |
| children实现组件通信 | 组件keep-alive实现选项卡 |
Vuex
| Vuex |
|---|
| Vuex组件间的通信 |
| observable实现组件通信 |
其他
| Other | |
|---|---|
| 调用百度地图接口实现查询路线直线距离 | 配合Echarts图表 |
| 配合qrcode.js生成二维码 | 配合draggable实现拖拽 |