【校招VIP】前端JS语言考点之Vue考察

考点介绍：

Vue是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。

本期分享的前端JS语言考点之Vue考察，分为试题、文章以及视频三部分。

答案详情解析和文章内容可扫下方二维码或链接即可查看！

一、考点题目

1、Vue 组件间通信有哪几种方式？

解答：Vue 组件间通信是面试常考的知识点之一，这题有点类似于开放题，你回答出越多方法当然越加分，表明你对 Vue 掌握的越熟练......

2、Vue虚拟DOM的实现原理

解答：虚拟DOM就是使用js的object模拟真实的dom，当状态发生变化，更新之前做diff，达到最少操作dom的效果。虚拟DOM旨在避免不必要的DOM操作.....

3、v-model的实现原理

解答：v-model双向绑定实际上做了两步动作.....

4、Vue2和Vue3的区别

解答：vue2 的双向数据绑定是利用ES5 的一个 API Object.definePropert()对数据进行劫持 结合 发布订阅模式的方式来实现的.....

5、谈一谈你对Vue中SPA的理解？

解答：SPA： Single Page Application（单页应用程序）

概念：就是只有一个Web页面的应用，是加载单个HTML页面，并在用户与应用程序交互时动态更新该页面的Web应用程序。

与传统多页面程序的区别：

传统多页面程序：每次请求服务器返回的都是一个完整的页面
单页应用程序：只有第一次会加载页面, 以后的每次请求, 仅仅是获取必要的数据.然后, 由页面中js解析获取的数据, 展示在页面中

6、Vue与Angular以及React的区别？

解答：1.与AngularJS的区别

相同点：
都支持指令：内置指令和自定义指令；都支持过滤器：内置过滤器和自定义过滤器；都支持双向数据绑定；都不支持低端浏览器。
不同点：
AngularJS的学习成本高，比如增加了Dependency Injection特性，而Vue.js本身提供的API都比较简单、直观；在性能上，AngularJS依赖对数据做脏检查，所以Watcher越多越慢；Vue.js使用基于依赖追踪的观察并且使用异步队列更新，所有的数据都是独立触发的。

2.与React的区别

相同点：
React采用特殊的JSX语法，Vue.js在组件开发中也推崇编写.vue特殊文件格式，对文件内容都有一些约定，两者都需要编译后使用；中心思想相同：一切都是组件，组件实例之间可以嵌套；都提供合理的钩子函数，可以让开发者定制化地去处理需求；都不内置列数AJAX，Route等功能到核心包，而是以插件的方式加载；在组件开发中都支持mixins的特性。
不同点：
React采用的Virtual DOM会对渲染出来的结果做脏检查；Vue.js在模板中提供了指令，过滤器等，可以非常方便，快捷地操作Virtual DOM。

7、Vue中哪些属性可以写异步方法？

A.getters

B.mutations

C.actions

D.以上都不对

解答：C

1.state：包含了store中存储的各个状态也叫数据。

2.getter: 类似于 Vue 中的计算属性，根据其他 getter 或 state 计算返回值。 //调用方法store.getters.gettersFirst

3.mutation: 一组方法，是改变store中状态的执行者。Mutation 必须是同步函数。 //缓存的方法作用 调用方法例如： store.commit('inc')

4.action: 一组方法，其中可以含有异步操作。

//调用方法 store.dispatch('Actions')

8、Vue的路由的传参方式正确的有（）

A.this.$router.push({path:'',query：{}})

B.this.$route.push({path:'',params：{}})

C.this.$router.push({path：`/describe/${id}`})

D.this.$route.push({path：`/describe/${id}`})

解答：C

重点:$router 注意后面有r

// 字符串
 
this.$router.push('/home/first')
 
// 对象
 
this.$router.push({ path: '/home/first' })
 
// 命名的路由
 
this.$router.push({ name: 'home', params: { userId: wise }})

（答案点击下方链接或者扫海报二维码查看哦）

二、考点文章

1、vue入门

Vue.js（简称为Vue）是一个用于创建用户界面的开源JavaScript框架，也是一个创建单页面应用的Web应用框架。所谓 单页Web应用（single page web application，SPA），就是只有一张Web页面的应用，是加载单个HTML 页面并在用户与应用程序交互时动态更新该页面的Web应用程序……

2、【校招VIP】vue模板语法

今天学了vue的模板语法，可以理解为vue在进行dom操作时的一些语法……

3、【校招VIP】Vue基础语法介绍

Vue.js（读音 /vjuː/, 类似于 view）是一个构建数据驱动的 web 界面的渐进式框架。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件……

（扫下方海报二维码查看完整版）

三、考点视频

1、从浏览器输入URL到展示页面的全流程是怎么样的

本题目可以理解为从本地终端（如手机、电脑）访问一个网站，怎么处理请求并且加载出数据的。实际上考察的是计算机网络TCP/IP协议栈……

更多资讯可搜索校招VIP小程序查看哦!
移动端链接：https://m.xiaozhao.vip/dTopic/detail/525
PC端链接：校招VIP，专题 - 校招VIP