Vue 总目录

Vue 目录

1.0 一、什么是Vue

• 1.0 Vue
• 1.1 渐进式 JavaScript 框架

2.0 二、走进Vue

• 2.1 1、what -- 什么是Vue
• 2.2 2、why -- 为什么要学习Vue
• 2.3 3、special -- 特点
• 2.4 4、how -- 如何使用Vue

3.0 三、Vue实例

• 3.1 1、el：实例
• 3.2 2、data：数据
• 3.3 3、methods：方法
• 3.4 4、computed：计算
• 3.5 5、watch：监听
• 3.6 6、delimiters：分隔符

4.0 四、生命周期钩子

5.0 五、Vue指令

• 5.1 1、文本相关指令

• 5.2 2、斗篷指令

• 5.3 3、属性指令

• 5.4 4、事件指令

• 5.5 5、表单指令

• 5.6 6、条件指令

• 5.7 7、循环指令

• 5.8 8、todolist案例

6.0 六、组件

• 6.1 2、局部组件
• 6.2 3、全局组件
• 6.3 4、父组件传递数据给子组件
• 6.4 5、子组件传递数据给父组件
• 6.5 6、父子组件实现todoList

7.0 七、Vue-CLI 项目搭建

• 7.1 1、环境搭建
• 7.2 2、项目的创建
• 7.3 4、项目功能

8.0 八、Vue-细分操作

• 8.1 优点
• 8.2 挂载点
• 8.3 插值表达式与过滤器
• 8.4 文本指令
• 8.5 属性指令
• 8.6 事件指令
• 8.7 事件指令传参
• 8.8 表单指令
• 8.9 条件指令

9.0 九、Vue-成员获取

• 9.0 vue成员获取
• 9.1 pre指令
• 9.2 循环指令
• 9.3 todolist案例
• 9.4 分隔符成员
• 9.5 计算属性成员
• 9.6 计算属性案例
• 9.7 监听属性成员
• 9.8 组件
• 9.9 局部组件
• 9.10 全局组件
• 9.11 组件复用的数据隔离
• 9.12 组件信息交互父传子
• 9.13 组件信息交互子传父

10.0 十、vue搭建

• 10.0 Vue项目开发
• 10.1 pycharm运行Vue项目
• 10.2 前台路由的基本工作流程
• 10.3 配置全局样式文件
• 10.4 组件生命周期钩子
• 10.5 路由重定向
• 10.6 页面组件小组件综合案例：课

11.0 十一、Vue前后端交互

• 1.0 路由传参
• 1.1 标签传参方式：
• 2.0 传参方式
• 2.1 router.js
• 2.2 传递层
• 2.3 接收层
• 2.4 演变体
• 3.0 第二种
• 3.1 router.js
• 3.2 传递层
• 3.3 接收层
• 4.0 第三种
• 4.1 router.js
• 4.2 传递层
• 4.3 接收层
• 5.0 逻辑传参：this.$router
• 5.1 第一种
• 5.2 第二种
• 5.3 第三种
• 5.4 历史记录跳转
• 6.0 路由汇总大案例
• 6.1 router.js
• 6.2 components/Nav.vue
• 6.3 views/Course.vue
• 6.4 components/CourseCard.vue
• 7.0 vuex仓库
• 7.1 概念
• 7.2 使用
• 7.3 store.js
• 7.4 仓库共享数据的获取与修改:在任何组件的逻辑中
• 8.0 axios前后台交互
• 8.1 安装：前端项目目录下的终端
• 8.2 配置：main.js
• 8.3 使用：组件的逻辑方法中
• 9.0 原生Django提供后台数据
• 9.1 跨域问题
• 9.2 原理
• 10.0 django解决跨域问题
• 10.1 安装插件
• 10.2 配置：settings.py
• 10.3 数据接口
• 10.4 路由：urls.py
• 10.5 视图函数：app/views.py
• 11.0 vue-cookie处理cookie
• 11.1 安装：前端项目目录下的终端
• 11.2 配置：main.js
• 11.3 使用：组件的逻辑方法中
• 12.0 element-ui框架使用
• 12.1 安装：前端项目目录下的终端
• 12.2 配置：main.js
• 12.3 使用：任何组件的模板中

12.0 Vue项目开发

• 1.0 Vue项目开发
• 1.1 pycharm运行Vue项目
• 1.2 前台路由的基本工作流程
• 1.3 配置全局样式文件
• 1.4 组件生命周期钩子
• 1.5 路由重定向
• 1.6 页面组件小组件综合案例：