2025年vuejs前端开发实战课后习题答案 .pdfVIP

古之立大事者，不惟有超世之才，亦必有坚忍不拔之志。——苏轼

vuejs前端开发实战课后习题答案

Vue.js是一套构建用户界面的渐进式框架，学习起来非常简单，在前端编程时经常会

用到vue框架，在我们找工作时所遇到的面试题中也会有许多vue相关的问题，本文为大

家提供了一些vue的面试题希望对大家有一定的帮助。

1.说一下Vue的双向绑定数据的原理

vue实现数据双向绑定主要是：采用数据劫持结合“发布者-订阅者”模式的方式，

通过Object.defineProperty()来劫持各个属性的setter、getter，在数据变动时发布

消息给订阅者，触发相应监听回调。

2.解释单向数据流和双向数据绑定

单向数据流：顾名思义，数据流是单向的。数据流动方向可以跟踪，流动单一，追查

问题的时候可以更快捷。缺点就是写起来不太方便。要使UI发生变更就必须创建各种

action来维护对应的state。

双向数据绑定：数据之间是相通的，将数据变更的操作隐藏在框架内部。优点是在表

单交互较多的场景下，会简化大量与业务无关的代码。缺点就是无法追踪局部状态的变化，

增加了出错时debug的难度。

3.Vue如何去除URL中的

vue-router默认使用hash模式，所以在路由加载的时候，项目中的URL会自带

非淡泊无以明志，非宁静无以致远。——诸葛亮

“#”。如果不想使用“#”，可以使用vue-router的另一种模式history：

需要注意的是，当我们启用history模式的时候，由于我们的项目是一个单页面应用，

所以在路由跳转的时候，就会出现访问不到静态资源而出现“404”的情况。

这时候就需要服务端增加一个覆盖所有情况的候选资源：如果URL匹配不到任何静

态资源，则应该返回同一个“index.html”页面。

4.对MVC、MVVM的理解

MVC

特点：

1、View传送指令到Controller；

2、Controller完成业务逻辑后，要求Model改变状态；

3、Model将新的数据发送到View，用户得到反馈。

所有通信都是单向的。

MVVM

特点：

乐民之乐者，民亦乐其乐；忧民之忧者，民亦忧其忧。——《孟子》

1、各部分之间的通信，都是双向的；

2、采用双向绑定：View的变动，自动反映在ViewModel，反之亦然。

5.Vue生命周期的理解

Vue实例有一个完整的生命周期，生命周期也就是指一个实例从开始创建到销毁的这

个过程。

1、beforeCreated()：在实例创建之间执行，数据未加载状态。

2、created()：在实例创建、数据加载后，能初始化数据，DOM渲染之前执行。

3、beforeMount()：虚拟DOM已创建完成，在数据渲染前最后一次更改数据。

4、mounted()：页面、数据渲染完成，真实DOM挂载完成。

5、beforeUpadate()：重新渲染之前触发。

6、updated()：数据已经更改完成，DOM也重新render完成，更改数据会陷入死

循环。

7、beforeDestory()和destoryed()：前者是销毁前执行（实例仍然完全可用），后