这就是vue总结吗？也太全⾯了吧⽬录
1.Vue 的核⼼是什么
2.请简述你对 vue 的理解
3.请简述 vue 的单向数据流
4. Vue 常⽤的修饰符有哪些
5.v-text 与{{}}与 v-html 区别
6.v-on 可以绑定多个⽅法吗
7.Vue 循环的 key 作⽤
8.什么是计算属性
9. Vue 单页⾯的优缺点
10.Vuex 是什么？怎么使⽤？在那种场景下使⽤
11.Vue 中路由跳转⽅式（声明式/编程式）
12.vue 跨域的解决⽅式
13.Vue 的⽣命周期请简述
14.Vue ⽣命周期的作⽤
15.DOM 渲染在那个⽣命周期阶段内完成
16.Vue 路由的实现
17.Vue 路由模式 hash 和 history，简单讲⼀下
18.Vue 路由传参的两种⽅式，params 和 query⽅式与区别
19.Vue 数据绑定的⼏种⽅式
20.Vue 注册⼀个全局组件
21.Vue 的路由钩⼦函数/路由守卫有哪些
22.Vue 中如何进⾏动态路由设置？有哪些⽅式？怎么获取传递过来的数据？
23.Elementui 中的常⽤组件有哪些？请简述你经常使⽤的 并且他们的属性有哪些？
24.Vue-cli 中如何⾃定义指令
25.Vue 中指令有哪些
26.Vue 如何定义⼀个过滤器
27.对 vue 中 keep-alive 的理解
28.如何让组件中的 css 在当前组件⽣效
29.Vue ⽣命周期⼀共⼏个阶段
30.Mvvm 与 mvc 的区别
31.Vue 组件中的 data 为什么是函数
32.Vue 双向绑定的原理
33.Vue 中组件怎么传值
34.Bootstrap 的原理
37.槽⼝请简述
38.Watch 请简述
39.Vant Ui 请简述下
40.计算属性与 watch 区别
jquery是什么有什么作用41.mvvm 框架是什么？它和其它框架（jquery）的区别是什么？哪些场景适合？
42.Vue ⾸屏加载慢的原因，怎么解决的，⽩屏时间怎么检测，怎么解决⽩屏问题
43.Vue 双数据绑定过程中，这边⼉数据改变了怎么通知另⼀边改变
44.Vuex 流程
45.Vuex 怎么请求异步数据
46.Vuex 中 action 如何提交给 mutation 的
47.Route 与 router 区别
49.vuex 的 State 特性是？
50.vuex 的 Getter 特性是？
51.vuex 的 Mutation 特性是？
52.vuex 的 actions 特性是？
54.vuex 的优势
55.Vue 路由懒加载（按需加载路由）
56.v-for 与 v-if 优先级
57.请写出饿了么 5 个组件
58.vue 在 created 和 mounted 这两个⽣命周期中请求数据有什么区别呢？
59.说说你对proxy 的理解
60.Vue3.0 是如何变得更快的？（底层，源码）
1.Vue 的核⼼是什么
Vue 是⼀套构建⽤户界⾯的渐进式⾃底向上增量开发的 MVVM 框架， vue 的核⼼只关注视层，
核⼼思想：
数据驱动（视图的内容随着数据的改变⽽改变）
组件化（可以增加代码的复⽤性，可维护性，可测试性，提⾼开发效率， ⽅便重复使⽤，体现了⾼内聚低耦合）
2.请简述你对 vue 的理解
Vue 是⼀套构建⽤户界⾯的渐进式的⾃底向上增量开发的 MVVM 框架， 核⼼是关注视图层vue 的核⼼是为了解决数据的绑定问题，为了开发⼤ 型单页⾯应⽤和组件化，所以 vue 的核⼼想是数据驱动和组件化，这 ⾥也说⼀下 MVVM 思想，MVVM 思想是 模型 视图 vm 是 v 和m 连
接的桥梁，当模型层数据修改时，VM 层会检测到，并通知视图层进⾏相应修改
3.请简述 vue 的单向数据流
⽗级 prop 的更新会向下流动到⼦组件中，每次⽗组件发⽣更新，⼦组件 所有的 prop 都会刷新为最新的值 数据从⽗组件传递给⼦组件，只能单向绑定，⼦组件内部不能直接修改 ⽗组件传递过来的数据，（可以使⽤ data 和 computed 解决）
4. Vue 常⽤的修饰符有哪些
修饰符：
.lazy 改变后触发，光标离开 input 输⼊框的时候值才会改变
.number 将输出字符串转为 number 类型
.trim ⾃动过滤⽤户输⼊的⾸尾空格
事件修饰符：
.stop 阻⽌点击事件冒泡，相当于原⽣ js 中的 event.stopPropagation()
.prevent 防 ⽌ 执 ⾏ 预 设 的 ⾏ 为 ， 相 当 于 原 ⽣ js 中event.preventDefault()
.capture 添加事件侦听器时使⽤事件捕获模式，就是谁有该事件修饰符，就先触发谁
.self 只会触发⾃⼰范围内的事件，不包括⼦元素
.once 只执⾏⼀次
键盘修饰符：
.enter 回车键
.tab 制表键
.esc 返回键
.space 空格键
.up 向上键
.down 向下键
.
left 向左建
.right 向右键
系统修饰符：
.ctrl .alt .shift .meta
5.v-text 与{{}}与 v-html 区别
{{}} 将数据解析为纯⽂本，不能显⽰输出 html
v-html 可以渲染输出 html
v-text 将数据解析为纯⽂本，不能输出真正的 html，与花括号的区别是 在页⾯加载时不显⽰双花括号
v-text 指令：
作⽤：操作⽹页元素中的纯⽂本内容。{{}}是他的另外⼀种写法
v-text 与{{}}区别：
v-text 与{{}}等价，{{}}叫模板插值，v-text 叫指令。
有⼀点区别就是，在渲染的数据⽐较多的时候，可能会把⼤括号显⽰出 来，俗称屏幕闪动
6.v-on 可以绑定多个⽅法吗
可以 如果绑定多个事件，可以⽤键值对的形式 事件类型：事件名
如果绑定是多个相同事件，直接⽤逗号分隔就⾏
7.Vue 循环的 key 作⽤
Key 值的存在保证了唯⼀性，Vue 在执⾏时，会对节点进⾏检查，如果 没有 key 值，那么 vue 检查到这⾥有 dom 节点，就会对内容清空并赋 新值，如果有 key 值存在，那么会对新⽼节点进⾏对⽐，⽐较两者 key 是否相同，进⾏调换位置或删除操作
8.什么是计算属性
计算属性是⽤来声明式的描述⼀个值依赖了其他的值，当它依赖的这个 值发⽣改变时，就更新DOM当在模板中把数据绑定到⼀个计算属性上时， vue 会在它依赖的任何值导 致该计算属性改变时更新 DOM 每个计算属性都包括⼀个 getter 和 setter，读取时触发 getter，修改时 触发 setter
9. Vue 单页⾯的优缺点
单页⾯ spa 优点：前后端分离 ⽤户体验好 ⼀个字 快 内容改变不需要重新加载整
个页⾯
缺点：不利于 seo， 初次加载时耗长（浏览器⼀开始就要加载 html css js ，所有的页⾯内都包含在主页⾯中） ，页⾯复杂度提⾼了，导航不 可⽤
10.Vuex 是什么？怎么使⽤？在那种场景下使⽤
Vuex 是⼀个专为 vue.js 应⽤程序开发的状态管理模式，通过创建⼀个集 中的数据存储，⽅便程序中的所有组件进⾏访问，简单来说vuex 就是 vue 的状态管理⼯具
Vuex 有五个属性 state getters mutations actions modules
State 就是数据源存放地，对应⼀般 vue 对象的 data，state ⾥⾯存放的 数据是响应式的，state 数据发⽣改变，对应这个数据的组件也会发⽣改 变⽤ this.$ 调⽤ Getters 相当于 store 的计算属性，主要是对 state 中数据的过滤，⽤ this.$ 调⽤ Mutations 理数据逻辑的⽅法全部放在 mutations 中，当触发事件想 改变 state 数据的时候使⽤ mutations，⽤ this.$storemit
调⽤， 给这个⽅法添加⼀个参数，就是 mutation 的载荷（payload） Actions 异 步 操 作 数 据 ， 但 是 是 通 过 mutation 来 操 作 ⽤this.$store.dispatch 来触发，actions 也⽀持载荷
使⽤场景：组件之间的状态，登录状态，加⼊购物车，⾳乐播放
Vuex 使⽤流程：
下载 vuex
在 src 下创建 store 以及 index.js
引⼊ vue 和 vuex， 使⽤ vuex ，导出实例对象
在 main.js 中引⼊，在.vue ⽂件中使⽤
11.Vue 中路由跳转⽅式（声明式/编程式）
Vue 中路由跳转有两种，分别是声明式和编程式
⽤ js ⽅式进⾏跳转的叫编程式导航
this.$router.push（）
⽤ router-link 进⾏跳转的叫声明式
router-view 路由出⼝，路由模板 显⽰的位置
路由中 name 属性有什么作⽤？
在 router-link 中使⽤ name 导航到对应路由
使⽤ name 导航的同时，给⼦路由传递参数
12.vue 跨域的解决⽅式
1.后台更改 header
2.使⽤ jq 提供 jsonp
3.⽤ http-proxy-middleware（配置代理服务器的中间件）
13.Vue 的⽣命周期请简述
vue 的⽣命周期就是 vue 实例创建到实例销毁的过程。期间会有 8 个钩 ⼦函数的调⽤。
beforeCreate（创建实例）
created（创建完成）、
beforeMount（开始创建模板）
mounted（创建完成）、

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。