vue文章/教程

目录 准备：自定义指令介绍 试炼：实现v-mymodel 定义指令 应用实践：4个实用的自定义指令 权限控制 输入限制 内容处理 文件预览 试着自己实现 总结 准备：自定义指令介绍 除了核心功能默认内置的指令 (v-model 和 v-show等)，Vue 也允许注册自定义指令。注 »

目录 keep-alive使用 解决： 使用keep-alive include属性 keep-alive使用 属性值 1.include - 字符串或正则表达式。只有名称匹配的组件会被缓存。2.exclude - 字符串或正则表达式。任何名称匹配的组件都不会被缓存。3.max - 数字 »

目录 keep-alive使用 解决： 使用keep-alive include属性 keep-alive使用 属性值 1.include - 字符串或正则表达式。只有名称匹配的组件会被缓存。2.exclude - 字符串或正则表达式。任何名称匹配的组件都不会被缓存。3.max - 数字 »

目录 前言 1、概念： 2、作用： 3、使用方式: 前言 keep-alive 是 Vue 的内置组件，当它包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。例如：在开发中经常有从列表跳到详情页，然后返回详情页的时候需要缓存列表页的状态（比如滚动位置信息），这个时候就需要保存状态，要 »

目录 前言 1、概念： 2、作用： 3、使用方式: 前言 keep-alive 是 Vue 的内置组件，当它包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。例如：在开发中经常有从列表跳到详情页，然后返回详情页的时候需要缓存列表页的状态（比如滚动位置信息），这个时候就需要保存状态，要 »

目录 一、cli3构建vue2项目 二、qiankun改造主应用 三、qiankun改造子应用 一、cli3构建vue2项目 1、前期工作：查看cli安装情况与安装 npm install -g @vue/cli 已安装情况查看：vue -V(大写的V) 2、新建项目 vue »

目录 前言 一、数据类型 1.1.基本数据类型 1.2.引用数据类型 1.3.区别 二、浅拷贝 2.1.定义 2.2.浅拷贝特点 三、深拷贝 3.1.定义 3.2.深拷贝特点 四、拷贝实现方案 4.1.Object.assign() 4.2.concat() 4.3.slice() »

目录 1. 自定义v-model 2. $nextTick 3. slot 插槽 4. Vue 动态组件 5. Vue 异步组件 6. 使用 keep-alive 缓存组件 7. mixin 混入 1. 自定义v-model Vue中的自定义v-model指的是在自定义组件中使用v-mod »

目录 1. 模板编译 2. 组件渲染和更新 1. 模板编译 Vue的模板编译就是将模板字符串转换为渲染函数的过程。具体来说，当组件的生命周期执行到created和beforeMounted之间时，Vue会将模板(template)编译成渲染函数(render)，render函数是一个纯Ja »

目录 1. 模板编译 2. 组件渲染和更新 1. 模板编译 Vue的模板编译就是将模板字符串转换为渲染函数的过程。具体来说，当组件的生命周期执行到created和beforeMounted之间时，Vue会将模板(template)编译成渲染函数(render)，render函数是一个纯Ja »

目录 1. MVVM模式 2. Vue响应式 3. Vue监听对象 3.1 监听普通对象 3.2 监听复杂对象（深度监听） 4. Vue监听数组 5. 使用 Object.defineProperty 监听数据的缺点 1. MVVM模式 传统的组件是静态渲染，数据更新需要操作DOM »

目录 1. MVVM模式 2. Vue响应式 3. Vue监听对象 3.1 监听普通对象 3.2 监听复杂对象（深度监听） 4. Vue监听数组 5. 使用 Object.defineProperty 监听数据的缺点 1. MVVM模式 传统的组件是静态渲染，数据更新需要操作DOM »

目录 一、前提条件 二、手动搭建vue项目的步骤： 1. 创建项目 2. 生成package.json文件 3. 引入webpack和创建webpack.config.js文件 4. 创建index.html，main.js文件 5. 使用webpack命令编译 6. 引入vue2，修改inde »

目录 深坑 声明 销毁 that 是指vue , this是指定时器 positionTimer 总结 深坑 自己在项目中使用setInterval，由于不正确的使用，竟然导致了浏览器崩溃，项目停止，电脑死机…可怕之极，下面详细写一下关于定时器的用法及注意事项 声明 mout »

目录 1.预渲染 2.同构 3.SSR 4.路由懒加载 5.quicklink 6.使用Gzip压缩 7.外链CSS,JS文件 8.webpack entry 9.骨架屏 10.loading 总结 首先说一下首页加载为什么会白屏？ 先说下Spa单页面的加载过程 首先就是html，也就是F »

目录 1.预渲染 2.同构 3.SSR 4.路由懒加载 5.quicklink 6.使用Gzip压缩 7.外链CSS,JS文件 8.webpack entry 9.骨架屏 10.loading 总结 首先说一下首页加载为什么会白屏？ 先说下Spa单页面的加载过程 首先就是html，也就是F »

目录 vue让函数只执行一次 定义标记变量 应用 定义全局变量 应用并改变全局变量的值 vue定时执行函数方法 总结 vue让函数只执行一次 定义标记变量 data() { return { firstPlayFlag: true, // 第一次播放标 »

目录 vue子组件封装弹框只能执行一次的mounted vue mounted方法在什么情况下使用和js定时器使用 我们在什么时候使用mounted方法？ 总结 vue子组件封装弹框只能执行一次的mounted 封装了一个子组件来处理弹框内容，发现只能执行一次，在父组件添加一个 v-if »

目录 首屏加载 关于计算首屏时间 加载慢的原因 解决方案 静态资源本地缓存 UI框架按需加载 组件重复打包 图片资源的压缩 开启GZip压缩 使用SSR 首屏加载 首屏时间（First Contentful Paint），指的是浏览器从响应用户输入网址地址，到首屏内容渲染完成的时间，此时整 »

目录 前言 项目环境： 国密扩展了解概述 1.SM算法 2.sm4加密有两种模式：ecb和cbc。两种模式的区别如下（下面文字来自百度）： 方案一，代码直接使用 方案二，封装版，作为公共方法调用 总结 前言 由于项目涉及支付相关功能，因此就需要对前端的用户输入密码铭文，进行加密处 »