前言

本笔记根据如下笔记和视频进行整理

老师的课件笔记，不含视频 https://www.aliyundrive.com/s/B8sDe5u56BU

笔记在线版： https://note.youdao.com/s/5vP46EPC

视频：尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通

遇见的问题及其解决方案

• 谷歌浏览器无法访问插件商店时安装 Vue Devtools ( 简易 直接下载拖入 )
• 上面的文章不能访问可以看[Vue]开发环境搭建里面的【1.2】
• Coreyshin【vscode 自定义代码段（用户代码片段）】
• [Vue]解决 Windows PowerShell 不识别 vue 命令的问题

之前笔记

• 之前整理的笔记：Vue学习----从基础出发(包含案例)

Vue2

• [Vue] 简介
• [Vue]官网导航栏使用简介
• [Vue]开发环境搭建
• [Vue]初始Vue–HelloWorld引入案例
• [Vue]模板语法
• [Vue] el 与 data 的两种写法
• [Vue]数据代理
• [Vue]事件
• [Vue]计算属性
• [Vue]监视属性
• [Vue]样式绑定
• [Vue]条件渲染
• [Vue]列表渲染
• [Vue]Vue监测数据的原理
• [Vue]v-model收集表单数据
• [Vue]过滤器
• [Vue]Vue的其他内置指令
• [Vue]自定义指令
• [Vue]生命周期
• [Vue]组件
• [Vue]Vue 脚手架(CLI)
• [Vue]ref属性
• Vue – props
• [Vue]mixin 混入
• [Vue]插件
• Vue – scoped 组件间的样式冲突
• [Vue] TodoList 案例
• [Vue]组件自定义事件
• [Vue]全局事件总线
• [Vue]消息的订阅与发布
• [Vue]$nextTick()
• [Vue]动画与过渡
• [Vue]配置代理
• [Vue]github案例
• [Vue]vue-resource
• Vue – 插槽
• [vue]vuex
• [vue]多组件共享数据与vuex模块化
• [Vue]路由及路由的基本使用
• [Vue]嵌套(多级)路由
• [Vue]路由传参 & 命名路由
• Vue – 编程式路由导航
• [Vue]缓存路由组件 & activated()与deactivated()
• [Vue]路由守卫
• 路由器的两种工作模式

1. 对于一个url来说，什么是hash值？—— #及其后面的内容就是hash值。
2. hash值不会包含在 HTTP 请求中，即：hash值不会带给服务器。
3. hash模式：

1. 地址中永远带着#号，不美观 。
2. 若以后将地址通过第三方手机app分享，若app校验严格，则地址会被标记为不合法。
3. 兼容性较好。

4. history模式：

1. 地址干净，美观 。
2. 兼容性和hash模式相比略差。
3. 应用部署上线时需要后端人员支持，解决刷新页面服务端404的问题。

5. hash模式与history模式的切换：

const router =  new VueRouter({
  // mode:'hash', // hash模式
  // mode:'history', // history模式
  routes:[......]
})

Vue3

[Vue]Vue3学习笔记(尚硅谷)