Vue.js 前端开发 快速入门与专业应用
2020-03-18 09:40:44 0 举报
AI智能生成
Vue.js 前端开发 快速入门与专业应用
作者其他创作
大纲/内容
7 Vue.js常用插件
7.1 Vue-router
7.1.1 引用方式
7.1.2 基本用法
7.1.3 嵌套路由
7.1.4 路由匹配
7.1.5 具名路由
7.1.6 路由对象
7.1.7 v-link
7.1.8 路由配置项
7.1.9 route钩子函数
7.1.10 路由实例属性及方法
7.1.11 vue-router 2.0 的变化
7.2 Vue-resource
7.2.1 引用方式
7.2.2 使用方式
7.2.3 $http的api方法和选项参数
7.2.4 拦截器
7.2.5 $resource用法
7.2.6 封装Service层
7.3 Vue-devtools
7.3.1 安装方式
7.3.2 使用效果
8 Vue.js工程实例
8.1 准备工作
8.1.1 webpack
8.1.2 vue-loader
8.2 目录结构
8.3 前端开发
8.4 后端联调
8.5 部署上线
8.5.1 生成线上文件
8.5.2 nginx
8.5.3 gitlab
8.5.4 jenkins
小结
9 状态管理:Vuex
9.1 概述
9.2 简单实例
9.2.1 所需组件
9.2.2 创建并注入store
9.2.3 创建action及组件调用方式
9.2.4 创建mutation
9.2.5 组件获取state
小结
9.3 严格模式
9.4 中间件
9.4.1 快照
9.4.2 logger
9.5 表单处理
9.6 目录结构
9.6.1 简单项目
9.6.2 大型项目
9.7 实例
9.7.1 state结构
9.7.2 actions.js
9.7.3 app.js
9.7.4 组件结构
9.7.5 base组件
9.7.6 展示结果
9.8 Vue.js 2.0的变化
9.8.1 State
9.8.2 Getters
9.8.3 Mutations
9.8.4 Actions
9.8.5 Modules
10 跨平台开发:Weex
10.1 Weex简介
10.2 Weex安装
10.2.1 ios环境安装
10.2.2 android环境安装
10.2.3 web端运行
10.3 Weex实例与运行
10.4 Weex基础语法
10.4.1 数据绑定
10.4.2 事件绑定
10.4.3 模板逻辑
10.5 Weex内置组件
10.5.1 scroller
10.5.2 list
10.5.3 Switch
10.5.4 Slider
10.5.5 wxc-tabbar
10.5.6 wxc-navpage
小结
10.6 Weex内置模块
10.6.1 dom
10.6.2 steam
10.6.3 modal
10.6.4 animation
10.6.5 webview
10.6.6 navigator
10.6.7 storage
小结
11 Vue.js 2.0新特性
11.1 Render函数
11.1.1 createElement用法
11.1.2 使用案例
11.1.3 函数化组件
11.1.4 JSX
小结
11.2 服务端渲染
11.2.1 vue-server-renderer
11.2.2 简单实例
11.2.3 缓存和流式响应
11.2.4 SPA实例
小结
1 Vue.js简介
1.1 Vue.js是什么
1.2 为什么要用Vue.js
1.3 Vue.js的Hello world
2 基础特性
2.1 实例及选项
2.1.1 模板
2.1.2 数据
2.1.3 方法
2.1.4 生命周期
2.2 数据绑定
2.2.1 数据绑定语法
2.2.2 计算属性
2.2.3 表单控件
2.2.4 Class与Style绑定
2.3 模板渲染
2.3.1 前后端渲染对比
2.3.2 条件渲染
2.3.3 列表渲染
2.3.4 template标签用法
2.4 事件绑定与监听
2.4.1 方法及内联语句处理器
2.4.2 修饰符
2.4.3 与传统事件绑定的区别
2.5 Vue.extend()
3 指令
3.1 内置指令
3.1.1 v-bind
3.1.2 v-model
3.1.3 v-if/v-else/v- show
3.1.4 v-for
3.1.5 v-on
3.1.6 v-text
3.1.7 v-HTML
3.1.8 v-el
3.1.9 v-ref
3.1.10 v-pre
3.1.11 v-cloak
3.1.12 v-once
3.2 自定义指令基础
3.2.1 指令的注册
3.2.2 指令的定义对象
3.2.3 指令实例属性
3.2.4 元素指令
3.3 指令的高级选项
3.3.1 params
3.3.2 deep
3.3.3 twoWay
3.3.4 acceptStatement
3.3.5 terminal
3.3.6 priority
3.4 指令在Vue.js 2.0中的变化
3.4.1 新的钩子函数
3.4.2 钩子函数实例和参数变化
3.4.3 update函数触发变化
3.4.4 参数binding对象
4 过滤器
4.1 过滤器注册
4.2 双向过滤器
4.3 动态参数
4.4 过滤器在Vue.js 2.0中的变化
5 过渡
5.1 CSS过渡
5.1.1 CSS过渡的用法
5.1.2 CSS过渡钩子函数
5.1.3 显示声明过渡类型
5.1.4 自定义过渡类名
5.2 JavaScript过渡
5.2.1 Velocity.js
5.2.2 JavaScript过渡使用
5.3 过渡系统在Vue.js 2.0中的变化
5.3.1 用法变化
5.3.2 类名变化
5.3.3 钩子函数变化
5.3.4 transition-group
6 组件
6.1 组件注册
6.1.1 全局注册
6.1.2 局部注册
6.1.3 注册语法糖
6.2 组件选项
6.2.1 组件选项中与Vue选项的区别
6.2.2 组件Props
6.3 组件间通信
6.3.1 直接访问
6.3.2 自定义事件监听
6.3.3 自定义事件触发机制
6.3.4 子组件索引
6.4 内容分发
6.4.1 基础用法
6.4.2 编译作用域
6.4.3 默认slot
6.4.4 slot属性相同
6.4.5 Modal实例
6.5 动态组件
6.5.1 基础用法
6.5.2 keep-alive
6.5.3 activate钩子函数
6.6 Vue.js 2.0中的变化
6.6.1 event
6.6.2 keep-alive
6.6.3 slot
6.6.4 refs
0 条评论
下一页