在vue中我们进行路由跳转的时候，会存在一个路由记录存储在$route对象当中，路由所匹配到的所有路由记录都会暴露为$route对象 (还有在导航守卫中的路由对象) ，而这些记录我们可以通过$route.matched来获取，返回的结果为一个数组对象，里面有to指向路由的相关信息，例如：path，name，meta等等。在此同时，每个router跳转之前都会调用的一个方法即vur-...

一：首先，在 .vue文件中设置如下：（用webpack和vue-cli的话不建议使用该方法）<template src="./record.html"></template><script src="./record.js"></script><style src="./record.scss"lang="scss">&...

Build Setup 使用步骤# 安装 installnpm install vue-piczoom --save# 使用 use--scriptimport PicZoom from 'vue-piczoom'export default {name: 'App',components: {PicZoom}}--html<pic-z...

一、给全选框绑定点击事件HTML：<div class="fixedLef" @click="chooseAllCart"><input type="checkbox" :checked="chooseAll" name id /><p>全选</p></div>JS：chooseAllC...

一、首先让我们看一下vue中的源码中key值的使用因为key值的使用主要是在diff算法中用到, 所以我们可以在vue源码的src\core\vdom\patch.js目录中可以找到相关代码来进行分析。sameVnode函数从代码上可以看到，此处 key 决定了 当前节点是否应该 patch（打补丁），所以 key不相同的话，节点将会被销毁/添加，因此会执行如下事件，执行过程中会完整...

前言：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式，但并不意味着你需要将所有的状态放入 Vuex。虽然将所有的状态放到 Vuex 会使状态变化更显式和易调试，但也会使代码变得冗长和不直观。如果有些状态严格属于单个组件，最好还是作为组件的局部状态。你应该根据你的应用开发实际需要进行权衡和确定。运用vueX的场景：多个视图依赖于同一状态，此时传参的方法对于多层嵌套的组件将...

首先我们要先理解qs和axios到底帮我们干了什么：简单来说，qs 是一个增加了一些安全性的查询字符串解析和序列化字符串的库。具体的使用通常使用的有两种形式：qs.parse()；作用是将URL解析成对象的形式 。let url = 'a=1&b=2&c=3';Qs.parse(url);//输出结果{a:'1',b:'2',c...

ul><li v-for="(item, index) in data" @click="handleClick(index)">Click Me</li></ul>然后这样的话，结果就是所有的li元素都绑定了事件。我们都知道，过多的事件对于性能来说是很糟糕的，尤其在移动端，可以说是无法容忍。为了更好...

一：首先根据vue中的ref标记（例如：this.$refs.descriptionInfo.$el.children）获取到富文本元素中的所有标签返回的结果是一个数组：[ 0: img ，1: h1 length: 2 ]注意：拿到的数组可能是一个伪数组，打印出长度为零：Collection有length属性，但是js调用时length为0的问题，这里获取到的是个伪数组...

一、安装vue-i18n插件npm i vue-i18n二、main.js文件的配置import VueI18n from 'vue-i18n'Vue.use(VueI18n) // 通过插件的形式挂载const i18n = new VueI18n({locale: 'zh-CN',// 语言标识//this.$i18n.locale //...