Vue面试题
以下都是一些基础的vue面试题,大神不用浪费时间往下看一、对于MVVM的理解?MVVM 是 Model-View-ViewModel 的缩写。Model代表数据模型,也可以在Model中定义数据修改和操作的业务逻辑。View 代表UI 组件,它负责将数据模型转化成UI 展现出来。ViewModel 监听模型数据的改变和控制视图行为、处理用户交...
2024-01-10vue面试题(上)
低耦合。视图(View)可以独立于Model变化和修改,一个ViewModel可以绑定到不同的"View"上,当View变化的时候Model可以不变,当Model变化的时候View也可以不变。可重用性。你可以把一些视图逻辑放在一个ViewModel里面,让很多view重用这段视图逻辑。独立开发。开发人员可以专注于业务逻辑和数据的开发(Vie...
2024-01-10vue面试题(一)
1=>为什么data是一个函数每复用一次组件,就会返回一分新的data。也就说:【每个组件实例创建】一个【私有】的数据空间。各个组件维护各自的数据。如果单纯的写成对象形式,那么所有组件实例共用了一份data.就会造成一个发生改变,全部都会发生改变。 data(){ return{ } }3=> vue的生命周期 8+2 ...
2024-01-10Vuex面试题
当面试官问我们对vuex的理解的时候,我们不能只说“vuex是一个专为vue.js应用程序开发的状态管理模式”,尽量不要让面试官连续追问(总会问到自己不会的然后说你实力还差那么点来可以得降薪),应该从三个方面一次性去说清楚:1.vuex是什么?2.vuex的核心概念;vuex的属性;vuex的数据传递流程...
2024-01-10Vue面试题汇总
VUE面试题v-show 与 v-if 区别动态绑定class的方法计算属性和 watch 的区别怎样理解单向数据流keep-alive自定义组件的语法糖 v-model 是怎样实现的生命周期组件通信路由跳转vue-router 有哪几种导航钩子Vue.js 2.x 双向绑定原理什么是 MVVM,与 MVC 有什么区别vuexthis.$nextTick()vue的原理理解Vue中的Render渲染...
2024-01-10年前端面试题-vue篇
1、多个组件之间如何拆分各自的state,每块小的组件有自己的状态,它们之间还有一些公共的状态需要维护,如何思考这块(1)公共的数据部分可以提升至和他们最近的父组件,由父组件派发(2)公共数据可以放到vuex中统一管理,各组件分别获取2、key主要是解决哪一类的问题,为什么不建议用索...
2024-01-10Vue 常见面试题
1、MVVM是什么?MVVM 与 MVC 的区别?它和其他框架(jquery)的区别是什么?哪些场景适合使用?MVVM 是 Model-View-ViewModel 的缩写。Model(模型层)代表数据模型,也可以在Model中定义数据修改和操作的业务逻辑。(axios data vuex(state))View (视图层)代表UI组件,它负责将数据模型转化成UI展现出来。(templat...
2024-01-10vue基础题
一、对于MVVM的理解?MVVM 是 Model-View-ViewModel 的缩写。Model代表数据模型,也可以在Model中定义数据修改和操作的业务逻辑。View 代表UI 组件,它负责将数据模型转化成UI 展现出来。ViewModel 监听模型数据的改变和控制视图行为、处理用户交互,简单理解就是一个同步View 和 Model的对象,连接Model和View...
2024-01-10前端经典面试题vue面试题
1.什么是MVVM?MVVM是一种设计思想。Model 层代表数据模型,也可以在Model中定义数据修改和操作的业务逻辑;View 代表UI 组件,它负责将数据模型转化成UI 展现出来,ViewModel 是一个同步View 和 Model的对象。2.mvvm和mvc区别?它和其它框架(jquery)的区别是什么?哪些场景适合?mvc和mvvm其实区别并不大...
2024-01-10vue面试知识点总结
指令、插值插值、表达式指令、动态属性v-html:会有xss风险、会覆盖子组件computed和watchcomputed有缓存,data不变则不会重新计算watch如何深度监听watch监听引用类型,拿不到oldvalv-if和v-showv-if如果没有达到条件则不会有这个元素而v-show只会用display:none隐藏循环(列表)渲染如何遍历对象?—...
2024-01-10Vue经典面试题总结
一、什么是MVVM?MVVM是Model-View-ViewModel的缩写。MVVM是一种设计思想。Model 层代表数据模型,也可以在Model中定义数据修改和操作的业务逻辑;View 代表UI 组件,它负责将数据模型转化成UI 展现出来,ViewModel 是一个同步View 和 Model的对象。在MVVM架构下,View 和 Model 之间并没有直接的联系,而是通过ViewModel...
2024-01-10vue缩进问题
Module build failed: ParseError,expected “indent”, got “outdent”根据视频学习以前学习过的VUE碰到的大山这TM是个啥?为什么报错?好奇怪。看看翻译。奥,要缩进~应该没问题了,保存看看好了。。。原因是tab跟空格不能混用。嗯我记住了。。。诶。。。。...
2024-01-10vue插槽问题
问题: a组件中引用了b组件。插入默认插槽使用了c组件。 问b组件怎么如何编写,可以动态插入组件到c的默认插槽中。b组件为一个动态生成元素的组件。通过传递的配置项数据来生成对应各种组件, 但是传递对应名称的插槽可以来替换组件显示内容。但是还是需要把当前需要生成的组件插入到这个插槽中。 不知道大佬们能不能听懂。// ... a.vue<template> <b> <template ...
2024-02-07vue异步的问题
export default { data() { return { currentHotData: [], arr:[] }; }, methods: { async getCurrentHotData() { const res = await this.$http.get("getCurrentHotData"); ...
2024-02-23Vue面试题总结——目录
首先致敬所有积极分享自己的学习经验的程序猿。本文及其链接的绝大部分文章均属各个网站上面排名靠前,条理清晰的文章。考虑到如果只放链接可能会存在失效导致无法访问的问题,对应的复制粘贴了这些文章过来。对每一篇复制的文章均在文章顶部加了原文地址,以示尊重。再次郑重的感谢所...
2024-01-10Vue面试专题知识点总结
简介此篇 js - 【vue 知识总结】 知识点: 全部弄懂了,面试很容易。一、虚拟 dom1、虚拟 dom是什么virtual dom,虚拟 DOM用 JS 模拟 DOM 结构DOM 变化的对比,放在 JS 层来做 ( 图灵完备语言 )优点:提高重绘性能2、虚拟 dom存在的意义DOM 操作非常 “昂贵”将 DOM 对比操作放在 JS 层,提高效率项...
2024-01-10vue代码优化问题
1、路由懒加载当打包构建应用时,Javascript 包会变得非常大,影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块,然后当路由被访问的时候才加载对应组件,这样就更加高效了。2、代码模块化咱们可以把很多常用的地方封装成单独的组件,在需要用到的地方引用,而不是写过多...
2024-01-10vue 表单问题。
<template> <form> <span v-for="item in list"> <input type="text" :value="'U' + item"> <button @click="list++"></button> </span> <button @click="getArray()">Upnow</button>...
2024-02-13vue渲染试卷时的跨页问题
问题描述场景是渲染一张试卷,要把所有的试题列出来,但是渲染的样式需要类似于PDF预览一样,所以在渲染试题过程中就要考虑到跨页的问题,对于跨页我自己想到的方案就是位置监听(因为每一页的高度时固定的),所以就有了如图所示的问题问题出现的环境背景及自己尝试过哪些方法一个试卷的JSON数据,里面一个试题的数组要渲染出来。而且可能一道题的题干在上一页,选项内容在下一页。相关代码你期待的结果是什么?实际看到的...
2024-02-08前端面试题,vue详解(vuex)
上篇文章没说的vuex,现在就来全面讲讲vuex。其实我们搞懂下面这几个问题,就能真正理解vuex。1、什么是vuex?vuex是一个专为vue.js应用程序开发的状态管理模式(它采用集中式存贮管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化)。2、vuex的属性?state:存储数...
2024-01-10宝塔部署vue页面404问题
如题,访问首页没问题,其他页面404.其实只要项目配置伪静态即可;宝塔-》网站-》设置-》伪静态location / { if (!-e $request_filename) { rewrite ^(.*)$ /index.html?s=/$1 last; break; }}配置好保存即可。...
2024-01-1030道Vue面试题含详细讲解
前言本文以前端面试官的角度出发,对 Vue 框架中一些重要的特性、框架的原理以问题的形式进行整理汇总,意在帮助作者及读者自测下 Vue 掌握的程度。本文章节结构以从易到难进行组织,建议读者按章节顺序进行阅读,当然大佬级别的请随意。希望读者读完本文,有一定的启发思考,也能对自己...
2024-01-10vue中的正则问题?
Vue-2.6.14在 html-parser.js 开头的正则表达式,用来匹配标签中的属性。有两个地方很困惑const attribute = /^\s*([^\s"'<>\/=]+)(?:\s*(=)\s*(?:"([^"]*)"+|'([^']*)'+|([^\s"'=<>`]+)))?/(1)开头的 ([^\s"'<>\/=]+) 匹配属性名,可以看出属性名中的字符只要不是空格 " ' <...
2024-02-27vue代码的一处问题
setup() { const store = useStore() const userMenu = computed(() => store.state.login.userMenu) const router = useRouter() const route = useRoute() const menu = pathMapToMenu(userM...
2024-02-19