Vam的金豆之路的博客_Vue.js(2)

Museui 图标速览，再也不用担心网页打不开了

Museui

原创 2022-03-08 14:29:18 109 阅读

Vue关于echats的使用（浅显易懂）

安装npm install echarts --save引入（全局）main.jsimport echarts from 'echarts'Vue.prototype.$echarts = echarts使用index.vue<template> <div> <div id='line'></div> &l...

角标

原创 2022-03-08 14:29:01 95 阅读

封装环形加载进度条（Vue插件版和原生js版）

Vue版<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>vue</title> <style> html, body { display: flex; ...

html

sed

封装

原创 2022-03-08 14:28:34 72 阅读

Vue.js CLI4 Vue.config.js标准配置（最全注释）

前言：Vue.js CLI工具不知不觉发展到了4.0时代，CLI给人最直白的感受是没有了build文件夹跟config文h');const CompressionWebpackPlugin ...

html

css

analyzer

原创 2022-03-08 14:28:22 241 阅读

封装一个基础的vue-router

前言主要知识点：路由原理Hash与History实现路由一、一个vue路由的工作原理前端路由与后端路由的区别：后端路由：输入url>请求发送到服务器>服务器解析请求的路径>拿取对应的页面>返回回去前端路由：输入url>js解析地址>找到对应的地址的页面>执行页面生成的js>看到页面vue-router工作流程二、Hash...

路由表

服务器

工具类

原创 2022-03-08 14:27:43 301 阅读

Vuex的各个模块封装

一、各个模块的作用：state 用来数据共享数据存储mutation 用来注册改变数据状态（同步）getters 用来对共享数据进行过滤并计数操作action 解决异步改变共享数据（异步）二、创建文件：actions.jsgetters.jsindex.jsmutations.jsmutation-types.jsstate.js三、编辑文件...

共享数据

调试工具

ide

原创 2022-03-08 14:27:33 101 阅读

uniapp使用scroll-view与swiper组件实现tab滑动切换页面需要注意的问题

效果图：tab栏可以滑动，切换页面跟随tab栏同步滑动。这里需要注意的是使用swiper组件时，它会有一个默认 <vi...

css

获取数据

html

原创 2022-03-08 14:23:23 901 阅读

Vue路由的模块自动化与统一加载

首先呢，我们来看看一般项目路由是怎么划分的。

数组

功能模块

字符串

原创 2022-03-08 14:23:12 68 阅读

关于Vue Element组件el-checkbox与el-select默认选中值的几点注意事项

el-select示例：代码： <el-select v-model="doc.zhic" placeholder="请选择"> <el-option v-for="(item,index) in zhicdata" :key="index" :l...

数组

d3

数据

原创 2022-03-08 14:22:55 3108 阅读

关于Vue在面试中常常被提到的几点（持续更新……）

现在Vue几乎公司里都用，所以掌握Vue至关重要，这里我总结了几点，希望对大家有用1、Vue项目中为

数据

html

监听器

原创 2022-03-08 14:20:41 54 阅读

一篇文章带你深入浅出Vuex

在写Vuex之前，我们先用一个简单的例子来实现一个小demo大家都知道Vue的父传子用在很多场景，比如像这样：父组件： <template> <div id="app"> <product-list-one :msg='msg'></product-list-one> </div> </templa...

获取数据

数据存储

存储数据

原创 2022-03-08 14:18:57 31 阅读

Vue是怎么渲染template内的标签内容的？

作者：Vam的金豆之路。可以叫我豆哥，我的是 maomin9761。有什么疑问可以加我哦，自己创办了y欢迎阅读本博文，<!DOCTYPE html><html><head> <title>render</title></head><style type="text/css"> #text{...

html

javascript

微信

原创 2022-03-08 14:17:43 154 阅读

element ui 自定义主题失败（primordials is not defined）

卸载：1、卸载cnpmnpm uninstall cnpm -g2、卸载vue-clinpm uninstall @vue

json

初始化

删除文件

原创 2022-03-08 14:16:43 473 阅读

Vue回炉重造之router路由（更新中）

你好，我是Vam的金豆之路，可以叫我豆哥。2019年年度博客之星、技术领域博客专家。主要领域：前端开发。我的是 maomin9761，有什么疑问可以加我哦，自己创建了一个技术交流群，可以加我邀请你一起交流学习。最后自己也创建，文字通...

微信

微信公众号

编辑文件

原创 2022-03-08 14:16:33 89 阅读

Vue回炉重造之封装防刷新考试倒计时组件

你好，我是Vam的金豆之路，可以叫我豆哥。2019年年度博客之星、技术领域博客专家。主要领域：前端开

微信

微信公众号

封装

原创 2022-03-08 14:16:17 182 阅读

Vue回炉重造之如何使用props、emit实现自定义双向绑定

你好，我是Vam的金豆之路，可以叫我豆哥。2019年年度博客之星、技术领域博客专家。主要领域：前端开发。我的是 maomin9761，有什么疑问可以加我哦，自己创建了一个技术交流群，可以加我邀请你一起交流学习。最后自己也创建了一个公众号，里面的文章是我自己精挑细选的文章，主要介绍各种IT新技术。欢迎关注哦，搜索：臻美IT，等你来。欢迎阅读本博文，本博文主要讲述【Vue回炉...

微信

双向绑定

微信公众号

原创 2022-03-08 14:16:03 78 阅读

Vue回炉重造之搭建考试答卷系统

你好，我是Vam的金豆之路，可以叫我豆哥。2019年年度博客之星、技术领域博客专家

json

ico

html

原创 2022-02-28 09:55:22 465 阅读

VueX的模块你知道多少？

为什么会出现VueX的模块呢？当你的项目中代码变多的时候，很难区分维护。

sed

命名空间

动态注册

原创 2022-02-28 09:54:36 63 阅读

Vue回炉重造之封装一个实用的人脸识别组件

你好，我是Vam的金豆之路，可以叫我豆哥。2019年年度博客之星、

ide

人脸识别

保存图片

原创 2022-02-28 09:54:06 137 阅读

Vue回炉重造之图片加载性能优化

前言图片加载优化对于一个网站性能好坏起着至关重要的作用。

图片加载

加载

封装

原创 2022-02-21 15:50:46 387 阅读

Vuex的热更替你知道多少？

前言我们在使用Vuex的时候，会时不时的更改Vuex内的数据，但是页面不会随之更新..

数据

刷新页面

微信公众号

原创 2022-02-21 15:50:09 29 阅读

2分钟实现一个Vue实时直播系统

前言我们在不敲代码的时候可能会去看游戏，那么是前台怎么实现的呢？下面我们来讲一下。第一步，购买云服务首先，你必须去阿里云或者腾讯云注册一个服务。也花不了几个钱，练手的话，几十块钱就够了。这里我拿阿里云举例，购买完了，配置好推流域名跟播流域名，下面我们将进行地址生成。

ide

官网

微信公众号

原创 2022-02-14 14:20:23 354 阅读

Vue 3.0 有哪些新特性值得我们提前了解

一、迎接 Vue 3.01. 简介 Vue.js 作者兼核心开发者尤雨溪宣布 Vue 3.0 进入 Beta 阶段。已合并所有计划内的 RFC已实现所有被合并的 RFCVue CLI 现在通过 vue-cli-plugin-vue-next 提供了实验性支持2. 新特性重点关注：更快更省Object.defineProperty ——>

响应式

数据

ide

原创 2022-02-14 14:18:50 133 阅读

从Vue源码中我学到了几点精妙方法

话不多说，赶快试试尤大大教给我们的这几个精妙方法吧！在工作中肯定会用得到。立即执行函数页面加载完成后只执行一次的设置函数。(function (a, b) { console.log(a, b); // 1,2})(1, 2);通常，全局变量被作为一个参数传递给立即执行参数，这样它在函数内部不使用window也可以被访问到。(function (global) { console.log(global); // Window对象})(this);多层嵌套三目运算符三目运算符嵌套

构造函数

数组

html

其他

原创 2022-02-05 15:35:15 13 阅读

vue封装手机验证码

// 获取验证码let endMsRes = new Date().getTime() + 45000;localStorage.setItem("myEndTime", JSON.stringify(endMsRes));this.codeCountDown(endMsRes);// 存储验证码时隔 codeCountDown(endMsRes) { this.BtnStatus = false; this.countDownTime = Math.ceil((e

验证码

json

其他

原创 2022-02-05 15:35:14 249 阅读

手把手教你实现一个图片压缩工具（Vue与Node的完美配合）

前言图片压缩对于我们日常生活来讲，是非常实用的一项功能

顺时针

2d

上传图片

原创 2022-02-05 15:29:51 62 阅读

Vue3.0系列——「vue3.0性能是如何变快的？」

前言先学习vue2.x，很多2.x内容依然保留；先学习TypeScript，vue3.0是用TS重写

缓存

复用

微信

原创 2022-02-05 15:29:14 214 阅读

Vue3.0系列——「vue3.0学习手册」第一期

vitevite是尤大大开发的一款意图取代webpack的工具。其实现原理是利用E

数据

公众号

开发者

原创 2022-02-05 15:28:28 373 阅读

从0到1搭建一款Vue可配置视频播放器组件（Npm已发布）

前言话不多说，这篇文章主要讲述如何从0到1搭建一款适用于Vue.

ide

ico

css

原创 2022-02-05 15:27:41 177 阅读

vue按需引入第三方ui插件优化

components.jsimport { fullScreenContainer, borderBox12,

其他

原创 2022-02-05 15:23:33 172 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

wx6124cb1b73be0的博客

Museui 图标速览，再也不用担心网页打不开了

Vue关于echats的使用（浅显易懂）

封装环形加载进度条（Vue插件版和原生js版）

Vue.js CLI4 Vue.config.js标准配置（最全注释）

封装一个基础的vue-router

Vuex的各个模块封装

uniapp使用scroll-view与swiper组件实现tab滑动切换页面需要注意的问题

Vue路由的模块自动化与统一加载

关于Vue Element组件el-checkbox与el-select默认选中值的几点注意事项

关于Vue在面试中常常被提到的几点（持续更新……）

一篇文章带你深入浅出Vuex

Vue是怎么渲染template内的标签内容的？

element ui 自定义主题失败（primordials is not defined）

Vue回炉重造之router路由（更新中）

Vue回炉重造之封装防刷新考试倒计时组件

Vue回炉重造之如何使用props、emit实现自定义双向绑定

Vue回炉重造之搭建考试答卷系统

VueX的模块你知道多少？

Vue回炉重造之封装一个实用的人脸识别组件

Vue回炉重造之图片加载性能优化

Vuex的热更替你知道多少？

2分钟实现一个Vue实时直播系统

Vue 3.0 有哪些新特性值得我们提前了解

从Vue源码中我学到了几点精妙方法

vue封装手机验证码

手把手教你实现一个图片压缩工具（Vue与Node的完美配合）

Vue3.0系列——「vue3.0性能是如何变快的？」

Vue3.0系列——「vue3.0学习手册」第一期

从0到1搭建一款Vue可配置视频播放器组件（Npm已发布）

vue按需引入第三方ui插件优化