导言 1
单元1 Vue项目构建 6
学习情境1．1 使用Vue．js完成网页设计 6
1．1．1 Vue简介 9
1．1．2 Vue安装 12
1．1．3 Vue声明式渲染 13
学习情境1．2 使用Vue init构建Vue 2．x项目 23
1．2．1 Vue CLI 26
1．2．2 Node．js 27
1．2．3 Vue init 30
学习情境1．3 使用Vue create构建Vue 2．x项目 42
学习情境1．4 使用Vue ui构建Vue 3．x项目 55
单元2 Vue网页设计 72
学习情境2．1 使用v-model构建智慧医养注册页面 72
2．1．1 模板语法 75
2．1．2 表单输入绑定 81
2．1．3 基本指令 89
2．1．4 事件绑定 94
2．1．5 侦听器 99
学习情境2．2 使用渲染指令构建智慧医养首页 114
2．2．1 Class与Style绑定 116
2．2．2 过渡＆动画 119
学习情境2．3 使用computed计算健康设备购物车数据 139
2．3．1 计算属性 141
2．3．2 过滤器 145
单元3 Vue组件化开发 159
学习情境3．1 智慧医养首页Banner组件化开发 159
3．1．1 组件注册 162
3．1．2 Prop 165
3．1．3 监听子组件事件 166
3．1．4 插槽 167
学习情境3．2 使用Vue Router组件化开发智慧医养导航 179
3．2．1 Vue Router安装 181
3．2．2 路由的定义与使用 182
3．2．3 路由元信息和编程式导航 188
单元4 网页交互与数据通信 197
学习情境4．1 使用Vue-Resource完成智慧医养用户注册 197
学习情境4．2 使用Axios实时展示智慧医养首页数据 209
单元5 Vue项目打包部署 224
学习情境 Vue项目打包与部署 224
5．1．1 Vue项目打包 226
5．1．2 服务器 227
展开
