Vue面试题
以下都是一些基础的vue面试题，大神不用浪费时间往下看一、对于MVVM的理解？MVVM 是 Model-View-ViewModel 的缩写。Model代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑。View 代表UI 组件，它负责将数据模型转化成UI 展现出来。ViewModel 监听模型数据的改变和控制视图行为、处理用户交...
2024-01-10
vue面试题(一)
1=>为什么data是一个函数每复用一次组件，就会返回一分新的data。也就说:【每个组件实例创建】一个【私有】的数据空间。各个组件维护各自的数据。如果单纯的写成对象形式，那么所有组件实例共用了一份data.就会造成一个发生改变，全部都会发生改变。 data(){ return{ } }3=> vue的生命周期 8+2 ...
2024-01-10
vue面试题（上）
低耦合。视图（View）可以独立于Model变化和修改，一个ViewModel可以绑定到不同的"View"上，当View变化的时候Model可以不变，当Model变化的时候View也可以不变。可重用性。你可以把一些视图逻辑放在一个ViewModel里面，让很多view重用这段视图逻辑。独立开发。开发人员可以专注于业务逻辑和数据的开发（Vie...
2024-01-10
vue面试知识点总结
指令、插值插值、表达式指令、动态属性v-html:会有xss风险、会覆盖子组件computed和watchcomputed有缓存，data不变则不会重新计算watch如何深度监听watch监听引用类型，拿不到oldvalv-if和v-showv-if如果没有达到条件则不会有这个元素而v-show只会用display:none隐藏循环（列表）渲染如何遍历对象？—...
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、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源代码调试方法
vue.js devtools开发工具的使用在chrome或firefox浏览器的扩展插件仓库里搜索vue devtool。假设我们想调试App.vue这个组件，可以在想要调试的代码前添加debugger,然后运行npm run dev， 确保浏览器devtool已启动，这里可以看到程序进入App.vue组件mounted这个组件生命周期函数里后，程序就被debug住了，后面和调试别的...
2024-01-10
vue-调试配置代理
1、在config文件夹下新建文件proxyConfig.js，代码如下module.exports = { proxy: { '/': { //将www.exaple.com印射为/apis target: 'http:/localhost:8080', // 接口域名 secure: false, // 如果是https接口，需要配置这个参数 changeOrigin: true, //是否跨域 pathRewrite: { ...
2024-01-10
vue 单元测试初探
目录前言为什么要引进单元测试？单元测试概述测试开发的模式1. 测试驱动开发（TDD - Test Driven Development）2. 行为驱动开发（BDD - Behavior Driven Development）Vue中的单元测试框架选择Vue Test Utils文档前言单元测试（unit testing），是指对软件中的最小可测试单元进行检查和验证。对于单元测试中单元的含义，...
2024-01-10
vue 单元测试初探
目录前言为什么要引进单元测试？单元测试概述测试开发的模式1. 测试驱动开发（TDD - Test Driven Development）2. 行为驱动开发（BDD - Behavior Driven Development）Vue中的单元测试框架选择Vue Test Utils文档前言单元测试（unit testing），是指对软件中的最小可测试单元进行检查和验证。对于单元测试中单元的含义，...
2024-01-10
vue小试 （案例一）
1、DOM元素标识------$refs 一般来讲，获取DOM元素，需document.querySelector（".input1"）获取这个dom节点，然后在获取input1的值。 但是用ref绑定之后，我们就不需要在获取dom节点了，直接在上面的input上绑定input1，然后$refs里面调用就行。 然后在javascript里面这样调用：this.$refs.input1 这样就可以...
2024-01-10
Vue面试MVVM原理
vue是采用数据劫持配合发布者-订阅者模式的方式，通过object.definerProperty() 方法来劫持各个属性的setter和getter，在数据变动时，发布消息给依赖收集器，去通知观察者，做出对应的回调函数，去更新视图。MVVM作为绑定的入口，整合Observer,Compile和Watcher三者，通过Obeserver来监听Model数据变化表，通过C...
2024-01-10
vue基本知识点总结——面试必备
最近入职新的公司，整体来说还是不错的。前一阵子看了很多关于vue的知识点，自己理解着整理一下，再加深一下印象。也希望可以帮助到有需要的同学。理解错误的地方，欢迎指正。1、对于Vue是一套渐进式框架的理解答：Vue是渐进的，没有强主张，是个轻量视图。它只做了自己应该做的事，没有做...
2024-01-10
vue里面简单的数据缓存
先给一种原始的方法sessionStorage或者localStorage先说一下实现原理：比如分页，你从第2页进入详情页返回为了方便用户体验，肯定最好能回到当前这一页我用的分页是elementui的分页，可以在分页切换的时候把页码缓存下来handleCurrentChange(val){ this.listQuery.pageNo=val; sessionStorage.setItem(\'currentPage\',th...
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知识点（面试常见点）
v-bind和v-model的区别1.v-bind用来绑定数据和属性以及表达式，缩写为\'：\'2.v-model使用在表单中，实现双向数据绑定的，在表单元素外使用不起作用什么是 mvvm？MVVM 是 Model-View-ViewModel 的缩写。mvvm 是一种设计思想。Model 层代表数据模型，也可以在 Model 中定义数据修改和操作的业务逻辑；View 代表 UI 组...
2024-01-10
vue渲染试卷时的跨页问题
问题描述场景是渲染一张试卷，要把所有的试题列出来，但是渲染的样式需要类似于PDF预览一样，所以在渲染试题过程中就要考虑到跨页的问题，对于跨页我自己想到的方案就是位置监听（因为每一页的高度时固定的），所以就有了如图所示的问题问题出现的环境背景及自己尝试过哪些方法一个试卷的JSON数据，里面一个试题的数组要渲染出来。而且可能一道题的题干在上一页，选项内容在下一页。相关代码你期待的结果是什么？实际看到的...
2024-02-08
关于vue里页面的缓存详解
keep-alive是vue内置的一个组件，可以使被它包含的组件处于保留状态，或避免被重新渲染。用法：运行结果描述： input输入框内，路由切换输入框内部的内容不会发生改变。在keep-alive标签内部添加include：字符串或正则表达式。只有匹配的组件会被缓存exclude： 字符串或正则表达式。任何匹配的组件...
2024-01-10
vue实现页面添加水印效果
最近在做项目的时候要求给页面加上水印效果，废话不多说直接上代码：export function watermark(settings) { debugger; //默认设置 var defaultSettings={ watermark_txt:"text", watermark_x:20,//水印起始位置x轴坐标 watermark_y:20,//水印起始位置Y轴坐标 watermark_rows:5,//水印行数 watermark_cols:10...
2024-01-10
【JS】Vue测试
学习网站Vue3Vue测试实用程序（2.0.0-beta.10)Vue测试实用程序JestJS学习代码https://github.com/Snail017/vue-unit-test-with-jestVue测试实用程序入门Vue测试实用程序Vue Test Utils，它是Vue.js的官方测试实用程序库！安装组件寻找元素填写表格触发事件代码分析//TodoApp.vue组件<template><div><p v-if="admin" id="admin">Admi...
2024-01-10
Vue实现聊天界面
本文实例为大家分享了Vue实现聊天界面展示的具体代码，供大家参考，具体内容如下1.功能需求根据索引选择跟不同的人进行聊天2.代码展示mock.js：import Mock from 'mockjs'Mock.mock("/chatchild",{ 'result':[ { id:"001", imgurl:"/static/image/10.jpg", name:"XKDK", date:"09:23...
2024-01-10
想做测试开发？先学学vue吧
作为一名测试开发，平常主要工作就是做一些测试平台的开发。开发一个web平台，需要非常熟悉前后端的相关技术。后端的话，像是Java、Python都可以。前端主要是HTML和js，HTML比较简单，js通常需要使用一些框架，比如早期的jQuery。近些年，另外一个js框架越来越火，那就是大名鼎鼎的vue，那什么是vue...
2024-01-10
改变其他vue对象里面的信息
var one= new Vue({ el:"#ttt", data:{ color:"red", dis:true }});new Vue({ el:"#ttt2", methods:{ Change: function(){ one.color="我是改变的"}}...
2024-01-10
