Vue --全方位学习

vue有自带的指令v-for,v-model等指令,但是由于这些内置指令都偏向于工具化，而在有些时候需要去实现具体的业务逻辑时，应用这些内置指令并不能实现某些特定的功能.

大事件项目纪要 1.注册功能 2.登录功能 3.侧边栏菜单 4.个人中心 - 基本资料 5.个人中心 - 更换头像 6.个人中心 - 修改密码 7.文章管理 - 文章分类 8.添加文章分类功能实现

路由导航守卫 1.全局前置守卫 2.全局后置钩子 3. 全局解析守卫 4.路由独享的守卫 5.组件内的守卫 完整的导航解析流程

让我们用vuex来做一下这个代办案例 功能分析详细讲解图: 1.功能1--新增 2.功能2-->删除 3.功能3-->总计计算显示 4.功能4-->绑定选中 5.功能5-->:全选功能 ...

一.Vue是什么? 二.Vuex中有五大重点内容需要学习 (学习是世间的灵药) 三.map辅助函数

一. 当用户在浏览器地址栏写下url时,我们要展示哪些组件? 1.我们可以通过hash值来获取 2.实现原理: 二.导航 -router-link 三- 页面跳转传参 四. 嵌套路由

父组件: 子组件: `去打印台log一下看看 初始化与挂载钩子执行顺序` `可以看到父的初始化与挂载都是先执行,最后执行的是规划在结束后可 操作dom`

Vue组件通信-->父与子组件通信 父子组件 一. 父传子: 二.vue组件通信 子传父:

一.在了解父子组件通信是什么之前首先先了解什么是组件化开发? 1.为什么用组件化开发? 2. vue组件-封装使用 3.步骤 > 注意：组件名不能与现有的html标签名一致。 ### 总结

vue指令 -v-on按键修饰符 & -v-on事件修饰符 一.## vue指令-v-on按键修饰符 ## 二.-v-on事件修饰符

一.vue指令-v-model修饰符 作用: 让v-model拥有更强大的功能 - 语法: 二. vue指令-v-model双向绑定 目标: 把value属性和vue数据变量, 双向绑定到一起 演示:

一. vue中的指令 1.指令 2.vue指令v-bind 3.vue指令-v-for 4.vue指令v-text和v-html 5.vue指令v-show和v-if...

一.vue基础-插值表达式 1.功能: 将data中定义的数据显示到模板上 2.语法 ###### 小结:

一. Vue基本概念1.Vue是什么 [vue官网](https://cn.vuejs.org/)。vue是一个渐进式的javascript**框架** 2.vue的特点 3.为啥要学vue