vue2.x教程目录

作者：马育民 • • 阅读：11918

基础

  1. vue介绍

  2. vscode vue插件

  3. vue教程-下载和安装（开发版、生产版本）

  4. vue教程-第一个程序

  5. vue教程-$mount() 替代 el

模板语法

  1. 前端页面渲染

  2. vue教程-插值表达式

vue指令

  1. vue教程-模板语法-v-cloak指令（解决闪动）

  2. vue教程-v-text指令

  3. vue教程-v-html指令填充html代码

  4. vue教程-v-bind指令绑定标签属性

vue重要概念

  1. vue教程-数据绑定、数据响应式和双向数据绑定

  2. MVVM

  3. vue2教程-检测属性值原理

vue原理与实现

  1. vue原理与实现

  2. vue原理与实现-输入框

条件语句

  1. vue教程：v-if、v-else-if、v-else指令

  2. vue教程：v-show指令

  3. v-if vs v-show

循环语句

  1. vue教程-v-for指令（循环）

  2. vue教程：案例-v-for和v-if、v-else-if、v-else联合使用

ajax请求

  1. axios介绍

  2. vue教程：使用axios发送ajax请求

事件

  1. vue教程：v-on指令监听事件

  2. vue教程：v-on指令监听事件-在方法中访问属性、修改属性

  3. vue教程：案例-点击按钮实现切换div

  4. vue教程-事件修饰符介绍

  5. vue教程-事件修饰符-阻止默认事件 .prevent

  6. vue教程：综合案例-点击超链接实现切换div（超链接改样式）（事件对象、阻止默认行为）

  7. vue教程-事件修饰符-阻止事件冒泡 .stop

  8. vue教程-事件修饰符-同时阻止默认事件 .prevent和事件冒泡 .stop

  9. vue教程-事件修饰符-只触发一次.once

  10. vue教程：键盘事件v-on:keyup、v-on:keydown、@keyup、@keydown

  11. vue案例：失去焦点时校验电话号码（手机号）

综合案例

  1. vue教程：循环数组、显示数据、添加事件（传id）

表单控件

  1. vue教程-v-model指令（表单控件）

  2. vue教程-select 控件显示值、设置默认值

  3. vue教程：案例-实现注册页面

  4. vue教程-ref属性、$refs，获取元素、组件

vue 综合案例（非单页面）目录

计算属性和侦听器

  1. vue教程-计算属性（computed）

  2. vue教程-侦听属性（监听属性）、侦听器（监听器）（watch）

  3. vue教程-计算属性（computed） vs 侦听属性（watch）

  4. vue教程-methods 和 计算属性（computed）的区别

class 与 style 绑定

  1. vue2教程-class绑定（v-bind:class）

生命周期

  1. vue教程-生命周期

  2. vue教程-发送ajax请求，放在生命周期的哪个钩子函数

组件

  1. vue教程：组件

  2. vue教程：全局组件（非单文件）

  3. vue教程：组件命名

  4. vue教程：为什么组件中 data 必须是函数

给组件传值

  1. vue教程：全局组件（非单文件）-给组件传值（静态传值）

  2. vue教程：全局组件（非单文件）-给组件传值（动态传值）

  3. vue教程：全局组件（非单文件）-给组件传值（动态传值）-传数组

父子组件

  1. vue教程：父子组件（组件嵌套）

vue教程：局部组件

单文件组件

  1. vue教程：单文件组件

  2. vue教程：单文件组件案例

node.js 目录

工程化-vue cli 脚手架

  1. npm设置淘宝镜像

  2. vue教程：CLI脚手架介绍、安装、创建工程

  3. vue教程：CLI脚手架-命令方式创建第一个工程（manually select features方式）

  4. vue教程：CLI脚手架-web页面方式创建工程

  5. vue教程：vue cli创建工程的目录说明

  6. vue教程：CLI脚手架-命令方式启动服务

  7. vue教程：npm命令和package.json

  8. vue教程：编译发布（build）

文件解释

  1. vue教程：index.html说明

  2. vue教程：main.js说明

  3. vue教程：App.vue说明

  4. vue教程：vue.config.js文件说明

组件

  1. vue教程：脚手架-第一个组件-将商品列表改为单文件组件

  2. vue教程：脚手架-商品列表组件-给组件传值（静态传值）

  3. vue教程：脚手架-商品列表组件-给组件传值（动态传值）

  4. vue教程：脚手架-商品列表组件-给组件传值（动态传值）-传数组

  5. vue教程：脚手架-创建第一个组件

组件传递数据（props）

  1. vue教程-父组件向子组件传递数据（传递静态props）

  2. vue教程-父组件向子组件传递数据（传递动态props）

  3. vue教程-props 检查类型、指定默认值、指定是否必填

  4. vue教程：样式中 scoped 的作用

  5. vue教程-props单向数据流

  6. vue教程-父组件向子组件传递数据，子组件修改数据

  7. vue教程-子组件操作父组件的数据（通过自定义事件实现，$emit）

  8. vue教程-兄弟组件传递数据，通过全局事件总线（EventBus）实现

axios

基础

  1. axios介绍

  2. vue教程-脚手架工程安装axios

  3. vue教程-vue脚手架工程使用axios

  4. axios 对象 配置参数、params和data参数区别

  5. axios 请求方法的别名

  6. axios全局配置

  7. axios 拦截器

跨域

  1. axios跨域发请求携带cookie

  2. axios跨域发请求携带X-Requested-With，后端判断是否ajax请求

插槽

  1. vue教程：插槽slot

  2. vue教程：具名插槽slot（2.6以前废弃写法）

  3. vue教程：作用域插槽

其他

  1. 解决Cannot download win32-x64-83_binding.node

常见错误

  1. vue教程：修改文件名大小写后报错：Already included file name ‘xxx’ differs from file name ‘xxx’

  2. vue 报错 NavigationDuplicated：Avoided redundant navigation to current location

路由

  1. 单页面应用（spa） VS 多页面应用

  2. vue教程：路由和Vue Router

  3. vue教程：安装Vue Router

  4. vue教程：路由案例（router-link标签、path跳转）

  5. vue教程：路由案例-重定向

  6. vue教程：嵌套路由（多级菜单）-（router-link标签、根据path跳转）

  7. vue教程：命名路由-（router-link标签、根据路由名字跳转）

  8. vue教程：Router路由模式：hash模式和history模式

路由传参

  1. vue教程：路由传参-query方式

  2. vue教程：路由传参-params方式

编程式导航 和 传参

  1. vue教程：路由-编程式导航（this.$router.push）

  2. vue教程：路由-编程式导航传参-query方式

  3. vue教程：路由-编程式导航传参-params方式

  4. vue教程：使用编程式导航，重复点击路由错误

使用Element组件库

  1. vue教程：使用Element组件库

vue 管理后台

  1. vue-admin-template 目录

扩展

  1. ECMAScript 和 JavaScript 的关系

  2. ES6 与 ECMAScript2015、ES2015的关系

  3. babel介绍

  4. ES6 模块化：javascript（js） import和export

  5. webpack

  6. vue教程：CLI脚手架修改默认包管理器为yarn或npm

  7. vue教程：.env环境变量配置文件（.env.development、.env.production）

  8. vue的常用属性

  9. vue：动态设置div宽度、高度（动态获取屏幕可用宽度）

  10. vue：.vue文件分离css、js代码

  11. vue：import 导入js文件

其他指令

  1. vue教程-v-pre指令填充原始信息

原文出处：/show_1IXAeUl5egm.html

吉ICP备15003043号