数组共包含33个标准API方法和一个非标准的API方法，使用场景和使用方案纷繁复杂。未来便于学习，将数组分为三类：改变自身值不改变自身值遍历方法改变自身值的数组方法会改变自身值的数组方法有9个：pop、push、shift、unshift、splice、sort、reverse、copyWithin、fill。熟悉Vue2.x源码的同学会觉得眼熟，没错，前7个方法正是Vue2.x版本中通过拦截数组
1、简介 绑定样式： 1. class样式 写法：class=”xxx” xxx可以是字符串、对象、数组 字符串写法适用于：类名不确定，要动态获取 对象写法适用于：要绑定多个样式，个数不确定，名字也不确定 数组写法适用于：要绑定多个样式，个数确定，名字也确定，但不确定用不用 2. Style样式 :style=”{fontS
转载
2023-09-24 22:17:18
201阅读
Vue实例的生命周期:beforeCreate: 实例创建之前除标签外，所有的vue实例需要的数据，事件都不存在created: 实例被创建之后，data和事件已经被解析到，el还没有找到beforeMount:开始找标签，数据还没有被渲染，事件也没有被监听mounted: 开始渲染数据，开始监听事件beforeUpdat:数据已经被修改在虚拟DOM，但是没有被渲染
1、正常的顺序执行create // 执行时挂载阶段还没有开始，模版还没有渲染成html，所以无法获取元素。created钩子函数主要用来初始化数据。
beforeMount // 这一步的时候，模版已经在内存中编译好了，但是尚未挂载到页面中去。
computed // 是在DOM执行完成后立马执行（如：赋值）
mounted // 钩子函数一般用来向后端发起请求，拿到数据
什么是 VueVue 是一个前端框架，特点是数据绑定比如你改变一个输入框 Input 标签的值，会 自动同步 更新到页面上其他绑定该输入框的组件的值组件化页面上小到一个按钮都可以是一个单独的文件.vue，这些小组件直接可以像乐高积木一样通过互相引用而组装起来 Vue2.0 推荐开发环境Homebrew 1.0.6(Mac)、Node.js 6.7.0、npm 3
继上文，监听data后，data中的每个属性都有响应式效果，那么下面这种情况会触发响应式吗？import { observe } from "./reactive";
import { Watcher } from "./watcher";
const data = {
arr: ["a"],
};
const updateArr = () => {
data.arr.map((
转载
2024-02-26 12:40:21
101阅读
⭐ v-for 遍历避免同时使用 v-if⭐ v-for 中的key绑定唯一的值⭐ v-show与v-if对性能的影响⭐ 妙用计算属性⭐ 使用防抖与节流控制发送频率⭐ 路由守卫处理请求避免重复发送请求⭐ 使用第三方UI库的引入方式【前言】该系列是博主在使用vue2开发项目中常用上的一些小Tips，学的开心！⭐ v-for 遍历避免同时使用 v-if在 Vue2 中当v-for与v-if同时用的时，
原创
2023-06-27 10:31:19
488阅读
目录不兼容的变更之模板篇1、v-model2、\<template v-for\> 和非 v-for 节点（条件分支）上的 key 用法3、v-if 与 v-for 的优先级对比4、v-bind的绑定顺序5、移除v-on.native 修饰符6、v-for 中的 Ref 数组7、自定义元素 不兼容的变更之模板篇1、v-model在Vue2.x使用v-mode和v-bind.sync&
转载
2023-11-08 21:09:39
77阅读
前面的话 Vue为了增加列表渲染的功能，增加了一组观察数组的方法，而且可以显示一个数组的过滤或排序的副本。本文将详细介绍Vue数组更新及过滤排序 变异方法 Vue 包含一组观察数组的变异方法，它们将会触发视图更新，包含以下方法 push() 接收任意数量的参数，把它们逐个添加到数组末尾，并返回修改后数组的长度
pop() 从数组末尾移除最后一项，减少数组的length值，然后返回移
转载
2024-07-12 14:04:33
449阅读
基础的数组去重的方法，很简单就能实现了，但是如果讲到对象类型的元素去重，可就难倒了很多同学了。今天就由李老师来给大家分享一下，我们如何对JavaScript的对象类型的数组进行去重处理。需求首先我们现在有这样一个数组，我们需要做一个去重操作最后得到这样的结果去重简单数组的去重以对象为元素的数组去重和数组相关的算法多种多样，在你以为自己已经掌握数组之后，会发现很多和数组相关的算法仍旧很复杂。下面我们
转载
2024-06-05 19:42:38
308阅读
Vue 将被侦听的数组的变更方法进行了包裹，所以它们也将会触发视图更新。这些被包裹过的方法包括：
push() pop()
shift()
unshift()
splice()
sort()
reverse() 以上七个数组都会改变原数组，下面来分别讲解它们的区别：
var list = [3,4,5,6]
1. push() 向数组的尾部添加若干元素，并返回数组的新长度；l
转载
2024-10-09 12:42:32
57阅读
插槽（插槽允许我们在调用组件的时候为子组件传递模板）默认插槽没有名字的插槽（或者name为default的插槽）当组件渲染的时候，内的内容会被父组件内的内容填充（在这里被填充为Hello和World） 插槽内可以包含任何模板代码，甚至是其他组件 slot标签内部的内容为默认值，也就是当调用组件的时候没有设置插槽内容，则插槽内容默认为内的内容<body>
<div id="
转载
2024-09-29 17:45:54
42阅读
在 Vue 中，父子组件的关系可以总结为 props向下传递，事件向上传递。父组件通过 props 给子组件下发数据，子组件通过事件给父组件发送消息。看看它们是怎么工作的。 一、基本用法组件不仅仅是要把模板的内容进行复用，更重要的是组件间要进行通信。在组件中，使用选项props 来声明需要从父级接收的数据， props 的值可以是两种， 一种是字
转载
2024-07-25 08:51:08
338阅读
跨域设置 http://www.ituring.com.cn/article/200275 打包 npm adduser 如果长时间不登录，可能会过期，使用 npm login 进行登录就可以 pu
原创
2021-07-23 11:32:15
393阅读
注意:在一个组件实例中，只有在data里初始化的数据才是响应的，Vue不能检测到对象属性的添加或删除，没有在data里声明的属性不是响应的。
Vue不允许在已经创建的实例上动态添加根级响应式属性，但是可以使用$set方法将相应属性添加到嵌套的对象上。数组数据变动，使用某些方法操作数组，变动数据时，有些方法无法被vue监测push()，pop()，shift()，unshift()，splice
转载
2024-03-27 10:11:35
1957阅读
eslint用于代码检查，prettier用于代码格式化，具体操作如下1.安装以下eslint插件
安装以下eslint插件，并增加.eslintrc.js配置文件，.eslintignore配置忽略检查的文件（1）eslint
用于检查和标示出ECMAScript/JavaScript代码规范问题工具。
（2）@babel/eslint-parser
简而言之就是一个解析器，允许您使用ES
转载
2024-05-29 12:57:59
283阅读
问题表现 在开发的过程中遇到一个问题，就是更新对象或数组后对应的视图
原创
2022-03-02 11:40:59
3384阅读
main.js App.vue action.js getters.js index.js mutation.js types.js
转载
2017-06-24 05:50:00
220阅读
vue2
原创
2021-08-01 18:40:40
412阅读
最近项目开发中遇到需要用到ie浏览器的情况，因为是内网开发，大致记录下兼容过程。问题1：ie11浏览器页面无法加载首先遇到的问题是谷歌浏览器运行无问题，控制台也不报错，但是ie11浏览器就打不开，控制台报错----显示语法错误：，了解后发现ie浏览器不支持es6，可以通过core-js/stable及regenerator-runtime/runtime编译，vue cli官方推荐使用，main.
转载
2024-04-03 14:52:36
210阅读
