您现在的位置是:首页 > 随笔小记 > 收藏

Vue.js 前端开发 快速入门与专业应用

  • 收藏
  • 2018-12-10
  • 人已阅读
简介《Vue.js 前端开发 快速入门与专业应用》分为10章:简介,基础特性,指令,过滤器,过渡,组件,状态管理,常用插件,工程实例,Weex打包。从简单的单个实例和基础语法,到工程实例,将系统的讲述Vue.js在项目中的适用场景和具体操作。 书的特点在于案例详实,使读者体会到框架的优点和便捷之处,提升开发效率,能将Vue.js运用到实际项目中,避免纸上谈兵的尴尬。
《Vue.js 前端开发 快速入门与专业应用》分为10章:简介,基础特性,指令,过滤器,过渡,组件,状态管理,常用插件,工程实例,Weex打包。从简单的单个实例和基础语法,到工程实例,将系统的讲述Vue.js在项目中的适用场景和具体操作。 书的特点在于案例详实,使读者体会到框架的优点和便捷之处,提升开发效率,能将Vue.js运用到实际项目中,避免纸上谈兵的尴尬。

编辑推荐

学以致用:以实际项目为立足点,拒绝纸上谈兵,本书帮你快速上手! 
应用广泛:摸透Vue.js,无论是桌面端还是移动端,让你从容面对! 
求职利器:国内互联网公司已广泛使用Vue.js开发,再不学就晚了!

内容简介

《Vue.js 前端开发 快速入门与专业应用》分为10章:简介,基础特性,指令,过滤器,过渡,组件,状态管理,常用插件,工程实例,Weex打包。从简单的单个实例和基础语法,到工程实例,将系统的讲述Vue.js在项目中的适用场景和具体操作。 书的特点在于案例详实,使读者体会到框架的优点和便捷之处,提升开发效率,能将Vue.js运用到实际项目中,避免纸上谈兵的尴尬。

作者简介

陈陆扬 前端工程师,2011年8月入职百度担任前端工程师,2013年2月担任去哪儿网无线touch机票前端负责人。2014.11月开始创业,目前在新东方投资的在线教育公司担任前端负责人。熟悉Vue.js框架,使用并开发线上产品。

目录

第1章 Vue.js简介 
1.1 Vue.js是什么 1 
1.2 为什么要用Vue.js 2 
1.3 Vue.js的Hello world 2 
第2章 基础特性 
2.1 实例及选项 5 
2.1.1 模板 6 
2.1.2 数据 7 
2.1.3 方法 9 
2.1.4 生命周期 10 
2.2 数据绑定 12 
2.2.1 数据绑定语法 13 
2.2.2 计算属性 17 
2.2.3 表单控件 18 
2.2.4 Class与Style绑定 21 
2.3 模板渲染 22 
2.3.1 前后端渲染对比 23 
2.3.2 条件渲染 23 
2.3.3 列表渲染 25 
2.3.4 template标签用法 27 
2.4 事件绑定与监听 28 
2.4.1 方法及内联语句处理器 28 
2.4.2 修饰符 29 
2.4.3 与传统事件绑定的区别 30 
2.5 Vue.extend() 31 
第3章 指令 
3.1 内置指令 32 
3.1.1 v-bind 32 
3.1.2 v-model 33 
3.1.3 v-if-else-show 33 
3.1.4 v-for 33 
3.1.5 v-on 34 
3.1.6 v-text 34 
3.1.7 v-HTML 35 
3.1.8 v-el 35 
3.1.9 v-ref 35 
3.1.10 v-pre 36 
3.1.11 v-cloak 36 
3.1.12 v-once 37 
3.2 自定义指令基础 37 
3.2.1 指令的注册 37 
3.2.2 指令的定义对象 37 
3.2.3 指令实例属性 39 
3.2.4 元素指令 40 
3.3 指令的高级选项 41 
3.3.1 params 41 
3.3.2 deep 42 
3.3.3 twoWay 43 
3.3.4 acceptStatement 44 
3.3.5 terminal 44 
3.3.6 priority 45 
3.4 指令在Vue.js 2.0中的变化 46 
3.4.1 新的钩子函数 46 
3.4.2 钩子函数实例和参数变化 46 
3.4.3 update函数触发变化 47 
3.4.4 参数binding对象 47 
第4章 过滤器 
4.1 过滤器注册 48 
4.2 双向过滤器 49 
4.3 动态参数 50 
4.4 过滤器在Vue.js 2.0中的变化 51 
第5章 过渡 
5.1 CSS过渡 52 
5.1.1 CSS过渡的用法 52 
5.1.2 CSS过渡钩子函数 54 
5.1.3 显示声明过渡类型 57 
5.1.4 自定义过渡类名 57 
5.2 JavaScript过渡 58 
5.2.1 Velocity.js 58 
5.2.2 JavaScript过渡使用 58 
5.3 过渡系统在Vue.js 2.0中的变化 59 
5.3.1 用法变化 59 
5.3.2 类名变化 60 
5.3.3 钩子函数变化 61 
5.3.4 transition-group 63 
第6章 组件 
6.1 组件注册 65 
6.1.1 全局注册 65 
6.1.2 局部注册 66 
6.1.3 注册语法糖 67 
6.2 组件选项 67 
6.2.1 组件选项中与Vue选项的区别 67 
6.2.2 组件Props 68 
6.3 组件间通信 71 
6.3.1 直接访问 71 
6.3.2 自定义事件监听 72 
6.3.3 自定义事件触发机制 72 
6.3.4 子组件索引 75 
6.4 内容分发 76 
6.4.1 基础用法 76 
6.4.2 编译作用域 77 
6.4.3 默认slot 78 
6.4.4 slot属性相同 79 
6.4.5 Modal实例 79 
6.5 动态组件 82 
6.5.1 基础用法 82 
6.5.2 keep-alive 83 
6.5.3 activate 钩子函数 84 
6.6 Vue.js 2.0中的变化 85 
6.6.1 event 85 
6.6.2 keep-alive 86 
6.6.3 slot 87 
6.6.4 refs 87 
第7章 Vue.js常用插件 
7.1 Vue-router 88 
7.1.1 引用方式 88 
7.1.2 基本用法 89 
7.1.3 嵌套路由 90 
7.1.4 路由匹配 92 
7.1.5 具名路由 93 
7.1.6 路由对象 93 
7.1.7 v-link 94 
7.1.8 路由配置项 95 
7.1.9 route钩子函数 96 
7.1.10 路由实例属性及方法 99 
7.1.11 vue-router 2.0 的变化 100 
7.2 Vue-resource 104 
7.2.1 引用方式 104 
7.2.2 使用方式 105 
7.2.3 $http的api方法和选项参数 105 
7.2.4 拦截器 107 
7.2.5 $resource用法 107 
7.2.6 封装Service层 109 
7.3 Vue-devtools 109 
7.3.1 安装方式 110 
7.3.2 使用效果 110 
第8章 Vue.js工程实例 
8.1 准备工作 111 
8.1.1 webpack 111 
8.1.2 vue-loader 113 
8.2 目录结构 115 
8.3 前端开发 117 
8.4 后端联调 122 
8.5 部署上线 124 
8.5.1 生成线上文件 124 
8.5.2 nginx 125 
8.5.3 gitlab 126 
8.5.4 jenkins 127 
第9章 状态管理:Vuex 
9.1 概述 130 
9.2 简单实例 131 
9.2.1 所需组件 131 
9.2.2 创建并注入store 132 
9.2.3 创建action及组件调用方式 133 
9.2.4 创建mutation 134 
9.2.5 组件获取state 135 
9.3 严格模式 137 
9.4 中间件 137 
9.4.1 快照 138 
9.4.2 logger 138 
9.5 表单处理 139 
9.6 目录结构 142 
9.6.1 简单项目 142 
9.6.2 大型项目 143 
9.7 实例 145 
9.7.1 state结构 146 
9.7.2 actions.js 148 
9.7.3 app.js 148 
9.7.4 组件结构 148 
9.7.5 base组件 152 
9.7.6 展示结果 154 
9.8 Vue.js 2.0的变化 155 
9.8.1 State 155 
9.8.2 Getters 156 
9.8.3 Mutations 157 
9.8.4 Actions 157 
9.8.5 Modules 159 
第10章 跨平台开发:Weex 
10.1 Weex简介 161 
10.2 Weex安装 162 
10.2.1 ios环境安装 162 
10.2.2 android环境安装 163 
10.2.3 web端运行 164 
10.3 Weex实例与运行 164 
10.4 Weex基础语法 168 
10.4.1 数据绑定 168 
10.4.2 事件绑定 169 
10.4.3 模板逻辑 169 
10.5 Weex内置组件 170 
10.5.1 scroller 170 
10.5.2 list 171 
10.5.3 Switch 172 
10.5.4 Slider 172 
10.5.5 wxc-tabbar 174 
10.5.6 wxc-navpage 175 
10.6 Weex内置模块 176 
10.6.1 dom 176 
10.6.2 steam 177 
10.6.3 modal 178 
10.6.4 animation 179 
10.6.5 webview 180 
10.6.6 navigator 181 
10.6.7 storage 182 
第11章 Vue.js 2.0新特性 
11.1 Render函数 183 
11.1.1 createElement用法 184 
11.1.2 使用案例 185 
11.1.3 函数化组件 186 
11.1.4 JSX 187 
11.2 服务端渲染 188 
11.2.1 vue-server-renderer 188 
11.2.2 简单实例 189 
11.2.3 缓存和流式响应 191 
11.2.4 SPA实例 193




著作权归作者所有。 
商业转载请联系作者获得授权,非商业转载请注明出处。
作者:付博瀚
来源:付博瀚个人博客
链接: https://www.fubohan.cn/

文章评论

Top