Vue面试题
以下都是一些基础的vue面试题，大神不用浪费时间往下看一、对于MVVM的理解？MVVM 是 Model-View-ViewModel 的缩写。Model代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑。View 代表UI 组件，它负责将数据模型转化成UI 展现出来。ViewModel 监听模型数据的改变和控制视图行为、处理用户交...
2024-01-10
vue面试题（上）
低耦合。视图（View）可以独立于Model变化和修改，一个ViewModel可以绑定到不同的"View"上，当View变化的时候Model可以不变，当Model变化的时候View也可以不变。可重用性。你可以把一些视图逻辑放在一个ViewModel里面，让很多view重用这段视图逻辑。独立开发。开发人员可以专注于业务逻辑和数据的开发（Vie...
2024-01-10
vue面试题(一)
1=>为什么data是一个函数每复用一次组件，就会返回一分新的data。也就说:【每个组件实例创建】一个【私有】的数据空间。各个组件维护各自的数据。如果单纯的写成对象形式，那么所有组件实例共用了一份data.就会造成一个发生改变，全部都会发生改变。 data(){ return{ } }3=> vue的生命周期 8+2 ...
2024-01-10
Vuex面试题
当面试官问我们对vuex的理解的时候，我们不能只说“vuex是一个专为vue.js应用程序开发的状态管理模式”，尽量不要让面试官连续追问（总会问到自己不会的然后说你实力还差那么点来可以得降薪），应该从三个方面一次性去说清楚：1.vuex是什么？2.vuex的核心概念；vuex的属性；vuex的数据传递流程...
2024-01-10
Vue面试题汇总
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-10
vue基础题
一、对于MVVM的理解？MVVM 是 Model-View-ViewModel 的缩写。Model代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑。View 代表UI 组件，它负责将数据模型转化成UI 展现出来。ViewModel 监听模型数据的改变和控制视图行为、处理用户交互，简单理解就是一个同步View 和 Model的对象，连接Model和View...
2024-01-10
Vue 常见面试题
1、MVVM是什么？MVVM 与 MVC 的区别？它和其他框架（jquery）的区别是什么？哪些场景适合使用？MVVM 是 Model-View-ViewModel 的缩写。Model（模型层）代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑。（axios data vuex(state)）View （视图层）代表UI组件，它负责将数据模型转化成UI展现出来。（templat...
2024-01-10
前端经典面试题vue面试题
1.什么是MVVM？MVVM是一种设计思想。Model 层代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑；View 代表UI 组件，它负责将数据模型转化成UI 展现出来，ViewModel 是一个同步View 和 Model的对象。2.mvvm和mvc区别？它和其它框架（jquery）的区别是什么？哪些场景适合？mvc和mvvm其实区别并不大...
2024-01-10
vue缩进问题
Module build failed: ParseError,expected “indent”, got “outdent”根据视频学习以前学习过的VUE碰到的大山这TM是个啥？为什么报错？好奇怪。看看翻译。奥，要缩进~应该没问题了，保存看看好了。。。原因是tab跟空格不能混用。嗯我记住了。。。诶。。。。...
2024-01-10
vue异步的问题
export default { data() { return { currentHotData: [], arr:[] }; }, methods: { async getCurrentHotData() { const res = await this.$http.get("getCurrentHotData"); ...
2024-02-23
vue 导航问题
后台数据如下这是我前台导航我想鼠标滑过手机 下面只显示出 手机里面的group就是这样子的回答先在顶部循环出title列表，然后在每个元素上绑定data-id，再父级添加移入@mouseover、移出事件@mouseleave；下面手机则写一个定位盒子，并且上面移入展示、移出隐藏；当@mouseover移入时，获取当前元素的data-...
2024-01-10
Vue面试专题知识点总结
简介此篇 js - 【vue 知识总结】 知识点： 全部弄懂了，面试很容易。一、虚拟 dom1、虚拟 dom是什么virtual dom，虚拟 DOM用 JS 模拟 DOM 结构DOM 变化的对比，放在 JS 层来做 （ 图灵完备语言 ）优点：提高重绘性能2、虚拟 dom存在的意义DOM 操作非常 “昂贵”将 DOM 对比操作放在 JS 层，提高效率项...
2024-01-10
Vue面试题总结——目录
首先致敬所有积极分享自己的学习经验的程序猿。本文及其链接的绝大部分文章均属各个网站上面排名靠前，条理清晰的文章。考虑到如果只放链接可能会存在失效导致无法访问的问题，对应的复制粘贴了这些文章过来。对每一篇复制的文章均在文章顶部加了原文地址，以示尊重。再次郑重的感谢所...
2024-01-10
vue代码优化问题
1、路由懒加载当打包构建应用时，Javascript 包会变得非常大，影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就更加高效了。2、代码模块化咱们可以把很多常用的地方封装成单独的组件，在需要用到的地方引用，而不是写过多...
2024-01-10
vue渲染试卷时的跨页问题
问题描述场景是渲染一张试卷，要把所有的试题列出来，但是渲染的样式需要类似于PDF预览一样，所以在渲染试题过程中就要考虑到跨页的问题，对于跨页我自己想到的方案就是位置监听（因为每一页的高度时固定的），所以就有了如图所示的问题问题出现的环境背景及自己尝试过哪些方法一个试卷的JSON数据，里面一个试题的数组要渲染出来。而且可能一道题的题干在上一页，选项内容在下一页。相关代码你期待的结果是什么？实际看到的...
2024-02-08
浅谈vue单页面seo问题
最近做项目的时候，被要求做seo，由于项目已经开发完毕，且只需首页做seo，所以考虑再三，决定用prerender-spa-plugin结合vue-meta-info来实现首页的seo。如果你的页面是动态的，比如通过v-for或v-if等来动态渲染的dom,则不适合此方法,可以考虑官方的SSR。代码已更新到github，点击查看言归正传，第一步：安...
2024-01-10
前端面试题，vue详解（vuex）
上篇文章没说的vuex，现在就来全面讲讲vuex。其实我们搞懂下面这几个问题，就能真正理解vuex。1、什么是vuex？vuex是一个专为vue.js应用程序开发的状态管理模式（它采用集中式存贮管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化）。2、vuex的属性？state：存储数...
2024-01-10
30道Vue面试题含详细讲解
前言本文以前端面试官的角度出发，对 Vue 框架中一些重要的特性、框架的原理以问题的形式进行整理汇总，意在帮助作者及读者自测下 Vue 掌握的程度。本文章节结构以从易到难进行组织，建议读者按章节顺序进行阅读，当然大佬级别的请随意。希望读者读完本文，有一定的启发思考，也能对自己...
2024-01-10
宝塔部署vue页面404问题
如题，访问首页没问题，其他页面404.其实只要项目配置伪静态即可；宝塔-》网站-》设置-》伪静态location / { if (!-e $request_filename) { rewrite ^(.*)$ /index.html?s=/$1 last; break; }}配置好保存即可。...
2024-01-10
vue操作dom问题
如上图，我需要在光标位置插入一个input，我目前的做法是在每个string的后面隐藏一个元素(包括input，radio，checkbox)，用v-if控制显示的类型，我想请教我这样的做法是否正确呢？是否存在更优的做法，例如实时将html元素拼接，但是在vue中又是否要避免直接去操作dom呢？回答：你是要实现富文本编辑器的功能吗回答：你是想自己在JavaScript基础上再写个超文本标记语言...
2024-03-09
Vue项目里面的问题
列表进入详情页的传参问题。本地开发环境请求服务器接口跨域的问题axios封装和api接口的统一管理UI库的按需加载如何优雅的只在当前页面中覆盖ui库中组件的样式定时器问题rem文件的导入问题Vue-Awesome-Swiper基本能解决你所有的轮播需求打包后生成很大的.map文件的问题fastClick的300ms延迟解决方...
2024-01-10
vue中的正则问题?
Vue-2.6.14在 html-parser.js 开头的正则表达式，用来匹配标签中的属性。有两个地方很困惑const attribute = /^\s*([^\s"'<>\/=]+)(?:\s*(=)\s*(?:"([^"]*)"+|'([^']*)'+|([^\s"'=<>`]+)))?/（1）开头的 ([^\s"'<>\/=]+) 匹配属性名，可以看出属性名中的字符只要不是空格 " ' <...
2024-02-27
vue代码的一处问题
setup() { const store = useStore() const userMenu = computed(() => store.state.login.userMenu) const router = useRouter() const route = useRoute() const menu = pathMapToMenu(userM...
2024-02-19
vue遇到的问题与疑问
1、初始化vue项目，报错This is probably not a problem with npm,there is likely additional logging output above原因：版本原因，更新一下解决方案： npm install之后，运行 npm i -D [email protected]2、引入fontAwson打包完后路径问题解决方案：在build》utils.js加上图中那一段代码 publicPath:'../../'3、打包问题注意事项npm run bu...
2024-01-10
