vue 1.x 总结
感觉最近vue相关面试题回答的不好，那就总结一下吧
Vue-router 导航守卫有哪些全局前置/钩子：beforeEach、beforeResolve、afterEach路由独享的守卫：beforeEnter组件内的守卫：beforeRouteEnter、beforeRouteUpdate、beforeRouteLeave对 SPA 单页面的理解，它的优缺点分别是什么？SPA（ single-page application ）仅在 Web 页面
日期 2023-06-12 10:48:40
vue面试常见考察点总结
Vue 的生命周期方法有哪些 一般在哪一步发请求beforeCreate 在实例初始化之后，数据观测(data observer) 和 event/watcher 事件配置之前被调用。在当前阶段 data、methods、computed 以及 watch 上的数据和方法都不能被访问created 实例已经创建完成之后被调用。在这一步，实例已完成以下的配置：数据观测(data observer)，
日期 2023-06-12 10:48:40vue cli 3 升级到 vue cli 4 方法步骤及升级点总结「建议收藏」
大家好，又见面了，我是你们的朋友全栈君。vue cli 3 升级到 vue cli 4 方法步骤及升级点总结官方升级英文文档，中文文档相对滞后。简介：vue cli 4 官方已经更新有一段时间了，现在是4.0.5 版本，看了官方文档大概有二十几点的更新，还是干货满满呀，值得升级一下，下面是升级步骤。一.首先，在全局安装最新的 Vue CLI：npm install -g @vue/cli # OR
日期 2023-06-12 10:48:40![vue修饰符简略总结[通俗易懂]](/scriptcss/images/15.png)
vue修饰符简略总结[通俗易懂]
vue修饰符主要分为:1.表单修饰符;2.事件修饰符;3.按键修饰符,其中包含特殊修饰符: 系统修饰键, .exact修饰符;4.鼠标按钮修饰符;5.其他修饰符,包含: .sync, .prop, .camel一、表单修饰符(用法一致为表单元素使用v-model时加修饰符: v-model.修饰符) 1) .tr
日期 2023-06-12 10:48:40Vue组件数据通信方案总结
背景初识Vue.js，了解到组件是Vue的主要构成部分，但组件内部的作用域是相对独立的部分，组件之间的关系一般如下图：组件A与组件B，C之间是父子组件，组件B，C之间是兄弟组件，而组件A，D之间是隔代的关系。那么对于这些不同的关系，此处主要分享了他们之间可以采用几种数据通信方式，例如道具，$ emit / $ on，Vuex等，大家可以根据自己的使用场景可以选择合适的使用方式。一，道具/ $
日期 2023-06-12 10:48:40（二十八）vue-router总结
vue-router 总结
日期 2023-06-12 10:48:40vue项目中axios封装总结
日常业务中我们通常会对axios进行封装来使用，这么做的好处是：我们可以在每次请求前对请求做处理还可以对错误进行统一处理，从而避免每次发请求都要做重复的工作。比如：我们每次发送请求前都需要对请求的url做处理，就可以用到axios请求拦截；对后端返回的错误或网络错误通过响应拦截进行统一处理 等等。 //fetch.js const fetch = Axios.create({
日期 2023-06-12 10:48:40【vuejs踩坑总结】常见错误和vue常见报错总结
1、'vue' 不是内部或外部命令，也不是可运行的程序 或批处理文件。 需要安装 2、安装bootstrap的时候一直报错： D:\workspace\WebstormProjects\vuejslearn\duli\duli1>cnpm install bootstrap -- sav e --sa
日期 2023-06-12 10:48:40
前端MVC Vue2学习总结（三）——模板语法、过滤器、计算属性、观察者、Class 与 Style 绑定
Vue.js 使用了基于 HTML 的模版语法，允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 HTML ，所以能被遵循规范的浏览器和 HTML 解析器解析。 在底层的实现上， Vue 将模板编译成虚拟 DOM 渲染函数。结合响应系统，在应用状态改变时， Vue 能够智能地计算出重新渲染组件的最小代价并应用到 DOM 操作上。 如果你熟悉虚拟
日期 2023-06-12 10:48:40(尚043) Vue页面显示错误总结 `xxx`的区别
1. 错误原因: 修正页面显示: 原理解释: 在.vue文件中下面两种写法， 作用都是跳转到新的导航页，但是一种起效一种写法不起效，请问是什么原因???location.href = `${list.href}?index=${index}`location.href = '${list.href}?index=
日期 2023-06-12 10:48:40vue - 总结build.js
1. 导入外部包，用关键字 const :ES2015->不可变量 内部使用变量，let -> 块级声明 2.无分号结尾（我猜大概是用了es6变量，避免了es5应缺少分号出现的一些问题） 3. 使用了 => 箭头符号. 1 // es5 ~ 全局声明 2 function countVar(x, y) { 3
日期 2023-06-12 10:48:40VSCode调试Html中的脚本 vscode前端常用插件推荐，搭建JQuery、Vue等开发环境 vsCode 添加浏览器调试和js调试的方法总结 VS Code - Debugger for Chrome调试js
一、背景 使用Visual Studio Code写了一个简单的Html页面，想调试下其中script标签里的javascript代码，网上查了一通，基本都是复制粘贴或者大同小异的文章，就是要安装Debugger for Chrome插件，修改launch.json配置信息，F5启动，这些都照做了，但是仍有两个问题，一个是
日期 2023-06-12 10:48:40vue+iview的form表单校验总结
这篇文章时关于如何使用iview的form表单校验。主要学习如何使用form校验（以校验文字长度为例），以及如何动态添加校验规则和异步校验。 1.为需要校验的表单添加form标签 <!--注意: ref/rules/model/prop等属性是必须的--> <Form res="foemRef" :rules="formRules" :model="formData" v-i
日期 2023-06-12 10:48:40
Vue 3结合element plus（问题总结二）之 table组件实现多选和清除选中（在vue3中获取ref 的Dom）
Vue 3结合element plus（问题总结二）之 table组件实现多选和清除选中 前言问题描述和原因问题解决小案例 前言 由于element plus组件里面使用
日期 2023-06-12 10:48:40
Vue 3结合element plus（问题总结一）之 table数据更新而视图不跟新
Vue 3结合element plus（问题总结一）之 table数据更新而视图不更新 前言Table组件问题原因及解决小案例 前言 应为做项目用到vue3，
日期 2023-06-12 10:48:40Vue知识点总结(3)——v-bind（超级详细）
v-bind指令的作用就是绑定数据和元素属性，应用也比较频繁。 它可以绑定在大部分组件的属性上。 <div id="app"> <a v-bind:href&
日期 2023-06-12 10:48:40Vue知识点总结(2)——v-for、v-if、v-show（超级详细）
这篇文章我们了解一下v-for、v-if、v-show指令的用法，这三个指令都是常用的。顺便我们会讲解一道高频面试题：v-if和v-show的区别。 v-for v-for在实际的业务开发中非
日期 2023-06-12 10:48:40Vue面试题总结（1）
Vue作为前端目前最受欢迎的框架，成为了众多公司和程序员的技术首选。我最近可能也要准备面试了，所以找了一些资料整合一下 谈一下你对MVVM原理的理解 M - Model，Mod
日期 2023-06-12 10:48:40Vue知识点总结(23)——Vue-Cli3脚手架基本配置和快速原型开发（超级详细）
码字不易，有帮助的同学希望能关注一下我的微信公众号：Code程序人生，感谢！ 在这之前我们已经把vue的基础部分已经基本讲述完毕。 我们之前写vue组件的流
日期 2023-06-12 10:48:40Vue知识点总结(16)——具名插槽（超级详细）
上节我们了解了一下插槽的概念和用途，并且详细演示了一下匿名插槽的使用。 这期我们的任务是具名插槽。 从名字我们就可以看出区别，一个是匿名，一个是具名。 我们就不详细说插槽概念的东
日期 2023-06-12 10:48:40Vue知识点总结(15)——匿名插槽（超级详细）
我们在前几期已经说过了组件的各种知识。 接下来我们就要学习插槽的内容了，插槽是Vue组件化开发的拓展内容。 官方文档种解释插槽的作用就是：在vue中实现的一套分发内容的API，将s
日期 2023-06-12 10:48:40Vue知识点总结(14)——其它组件通信方式(provide/inject和$parent/$children)（超级详细）
这期是组件通信的最后一期，把剩余的组件通信方式再全部介绍一下。 分别是provide/inject 和 $parent/＄children。 我们用下面这个示例，把这两种通信方式
日期 2023-06-12 10:48:40vue组件通信大总结
文章目录 1. props / $emit2. sync / update3. provide / inject4. $attrs / $listeners5. $children / $parent6. re
日期 2023-06-12 10:48:40vue刷新当前路由：router-view 复用组件时不刷新的3种解决方案总结
vue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，适合用于构建单页面应用。vue的单页面应用是基于路由和组件的，路由用于设定访问路径，并将路径和组件映射起来。传统的页面应用，是用一些超链接来实现页面切换和跳转的。在vue-router单页面应用中，则是路径之间的切换，也就是组件的切换。 对于路由，不同的路由跳转，vue会帮我们刷新路由，但是我今天要说的是，同
日期 2023-06-12 10:48:40vue中watch的用法总结以及报错处理Error in callback for watcher "checkList"
首先确认 watch是一个对象，一定要当成对象来用。 对象就有键，有值。 键：就是你要监控的那个家伙，比如说$route，这个就是要监控路由的变化，或者是data中的某个变量。 值可以是函数：就是当你监控的家伙变化时，需要执行的函数，这个函数有两个形参，第一个是当前值，第二个是变化后的值。 值也可以是函数名：不过这个函数名要用单引号来包裹。 第三种情况厉害了。 值是包
日期 2023-06-12 10:48:40Vue响应式原理及总结
vue响应式简单代码 // 触发更新视图 function updateView() { console.log('视图更新') } // 重新定义数组原型 const oldArrayProperty = Array.prototype // 创建新对象，原型指向 oldArrayProperty ，再扩展新的方法不会影响原型 const arrProto = Object.cr
日期 2023-06-12 10:48:40