Vue面试题.docx
需积分: 5 97 浏览量
2023-03-10
10:38:44
上传
评论
收藏 34KB DOCX 举报
Vue 面试题大全
1.什么是 MVVM 模型？
MVVM 是 Model-View-ViewModel 的缩写。MVVM 是一种设计思想。其中:
Model 层代表数据模型，也可以在 Model 中定义数据修改和操作的业务逻辑；
View 代表 UI 组件，它负责将数据模型转化成 UI 展现出来，
ViewModel 是一个同步 View 和 Model 的对象。
在 MVVM 架构下，View 和 Model 之间并没有直接的联系，而是通过 ViewModel 进行交
互，Model 和 ViewModel 之间的交互是双向的， 因此 View 数据的变化会同步到 Model 中，
而 Model 数据的变化也会立即反应到 View 上。
ViewModel 通过双向数据绑定把 View 层和 Model 层连接起来，而 View 和 Model 之
间的同步工作完全是自动的，无需人为干涉，因此开发者只需关注业务逻辑，不需要手动操
作 DOM, 不需要关注数据状态的同步问题，复杂的数据状态维护完全由 MVVM 来统一管理。
2.vue 优点？
(1).低耦合。视图（View）可以独立于 Model 变化和修改，一个 ViewModel 可以绑定到不同
的"View"上，当 View 变化的时候 Model 可以不变，当 Model 变化的时候 View 也可以不变。
(2).可重用性。可以把一些视图逻辑放在一个 ViewModel 里面，让很多 view 重用这段视图
逻辑。
(3).独立开发。开发人员可以专注于业务逻辑和数据的开发（ViewModel），设计人员可以专
注于页面设计。
(4).可测试。界面素来是比较难于测试的，而现在测试可以针对 ViewModel 来写。
3.简述组件之间的传值的方式？
(1).父组件通过标签上:data=data 方式定义传值
(2).子组件通过 props 方法接受数据
(3).子组件通过$emit 方法传递参数
4.vue.cli 中怎样使用自定义组件？遇到过哪些问题？
Step1：在 components 目录新建组件文件（indexPage.vue），script 一定要
export default {}。
Step2：在需要用的页面（组件）中导入：
import indexPage from '@/components/indexPage.vue'
Step3：注入到 vue 子组件的 components 属性上面,components:{indexPage}
Step4：在 template 视图 view 中使用，例如有 indexPage 命名，使用的时候则 index-
page。
剩余12页未读，继续阅读
资源评论
