10-22 Vue练习题

最新推荐文章于 2024-07-22 10:10:18 发布

需要努力的人`

最新推荐文章于 2024-07-22 10:10:18 发布

阅读量1.6k

点赞数

分类专栏： Vue 文章标签： vue 练习题

本文链接：https://blog.csdn.net/weixin_44475487/article/details/102676006

版权

Vue 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

1.Vue的生命周期有哪些，分别有哪些作用。

1、VUE生命周期是VUE实例化或者组件创建到消亡的过程。
2、 beforeCreate 创建前的状态，初始化事件和生命周期。
3、创建完毕状态Init (初始化) injections (依赖注入) & reactivity (开始响应)。
4、beforeMount 挂载前状态，是否有元素el，是否有模板，是否渲染到了函数内，是否作为模板进行了outerHTML渲染到了页面，向虚拟DOM上挂载的过程，并且还是把我们的‘#app’生成虚拟DOM，生成完毕后并渲染到view层。
5、mounted 挂载结束状态，渲染到真正的DOM。
6、beforeUpdate可以拿到Vue实例化改变前的状态。
7、Updated拿到变动完成的状态。
8、beforeDestroy消亡前的状态。
9、destroyed实例化或组件被摧毁消亡。

2.简述V-if和v-show的作用

v-if：当隐藏结构时该结构会直接从整个dom树中移除；
v-show：当隐藏结构时是在该结构的style中加上display:none，结构依然保留。

3.什么是跨域？什么是同源策略？项目中你是如何解决跨域的

什么是跨域：跨域，指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器对JavaScript施加的安全限制
什么是同源策略：同源策略是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影响
项目中你是如何解决跨域的：下载一个包 cors 然后在node中进行配置大概配置如下:
app.use(cors({
origin: ‘http://localhost:5080’, //这个表示任意域名都可以访问
methods:[‘GET’,‘POST’], // 设置方法还包括其他方法
alloweHeaders:[‘Conten-Type’, ‘Authorization’], // 它也是一个逗号分隔的字符串，表明服务器支持的所有头信息字段
credentials: true // 是否带cookie 允许服务器端发送Cookie数据,
}));

4.Vue循环中为什么要加上key?(作用)

Vue循环中为什么要加上key：vue中列表循环需加:key=“唯一标识” 唯一标识可以是item里面id index等，因为vue组件高度复用增加Key可以标识组件的唯一性，为了更好地区别各个组件
作用：key的作用主要是为了高效的更新虚拟DOM

5.MVVM是什么?你所了解的MVVM框架有哪些?

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 来统一管理。