Vam的金豆之路的博客_Vue.js

知道vue组件同级传值吗？

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">

html

钩子函数

数据

原创 2022-03-08 14:55:55 174 阅读

[Violation] Added non-passive event listener to a scroll-blocking ‘mousewheel’ event 解决方案

yarn add default-passive-eventsmain.jsimport 'default-passive-events';

解决方案

原创 2022-03-08 14:55:07 2624 阅读

当Vue2遇到Composition API，它们之间到底能擦出怎样的火花？

前言Composition API是什么？也称为组合式 API。如果你第一次听到这个词，请认真读完这篇文章。官网有

html

.net

公众号

原创 2022-03-08 14:54:27 234 阅读

Vite+Vue2+Composition-api+＜script setup＞+TypeScript搭配如何开发项目？

好久没写文章了，今天终于有时间可以安安静静写文章了。前言Vite相信

typescript

vue.js

html

json

原创 2022-03-08 14:54:06 220 阅读

今天，学会这几个Vue高级实战技巧就够了!

前言今天，我们来分享几个不可不知的vue高级实战技巧。技巧自动注册组件我们World from './com

ico

公众号

访问量

原创 2022-03-08 14:53:44 53 阅读

我熬夜开发了一款简约实用、支持多平台的Markdown在线编辑器（开源）

前言之前，一直想开发一款属于自己的Markdown编辑器，主要是自己平常写文章可以更加灵活操作，另外扩宽自己的视野也是非常不错的选择啊！所以在周末就决定玩耍一番。首先我调研了很多线上热门的md编辑器，都很优秀。器国内、国外关于Markdown编辑器有很多。editor.md网址：https://pandao.github.io/editor

html

ide

github

原创 2022-03-08 14:53:04 152 阅读

vue-cli在webpack环境下怎样生成开发环境模板（适合初学者）

1.事先安装好cnpm(淘宝镜像)npm install -g cnpm --registry=https://registry.npm.taobao.org这是网址

vue

命令行工具

原创 2022-03-08 14:52:08 66 阅读

关于vue打包上线遇到的坑

打包上线经常会经常遇到路径找不到，页面空白，那么下面我们就解决一下。第一步、先找到config目录的index.js改成如上图红框标注所示第二步、找到build下的utils.js文件加上如上图红框所示代码最后我自己创建一个交流群。IT各行各业的人都有，欢迎大家加入，分享自己的心得体会。群：716560543...

ico

根目录

原创 2022-03-08 14:46:46 151 阅读

让我们用Vue cli全家桶搭建项目

一般项目都会用到这几个，这里不在详细介绍概念，只是简单的使用。一、搭建cli1.事先安装好cnpm(淘宝镜像)npm in

ios

css

json

原创 2022-03-08 14:46:01 64 阅读

关于vue cli 使用iview 自定义主题遇到的坑

定制主题，这里讲变量覆盖当你老老实实的把上面文档中的代码一一复制粘贴到项目文件中时，发现了还没装less,所以你就npm install less –save npm install less-loader –save结果呢下面我们来解决他我们找到项目根目录下build下的utils.js文件，把原来的（跟下面代码差不多）改成下面所示。 return { css: g...

css

javascript

根目录

原创 2022-03-08 14:43:40 86 阅读

关于vue项目中搜索节流的实现

我们经常会遇到这种需求，现在我们在使用百度搜索的时候他们的思想也是根据防抖节流而实现的

ios

搜索

百度

原创 2022-03-08 14:43:32 182 阅读

vue移动端实现手机左右滑动入场动画

app.vue<template> <div id="app"> <transition :name="transiti

ide

路由配置

切换动画

原创 2022-03-08 14:40:44 891 阅读

关于Vue 移动端适配（px2rem 插件将px转为rem）

安装npm install px2rem-loader lib-flexible --save 入口文件main.js加上import 'lib-flexible

css

html

scala

原创 2022-03-08 14:40:36 406 阅读

关于vue项目中axios跨域的解决方法（开发环境）

1、在config文件中修改index.js proxyTable: { "/api":{ target: 'https:/

生产环境

ios

跨域

原创 2022-03-08 14:40:29 128 阅读

你难道不知道Vue-cookie？

installnpm install vue-cookies --savemain.jsimport VueCookies from 'vue-cookies'Vue.use(VueCookies)API:设置this.$cookies.set(keyName, time)获取this.$cookies.get(keyName) 删除this.$cookies....

json对象

不区分大小写

原创 2022-03-08 14:40:19 302 阅读

教你简单使用Vuepress（个人博客的狂欢夜）

https://github.com/maominvam/blogMod

github

原创 2022-03-08 14:39:26 58 阅读

关于各种Vue UI框架中加载进度条的正确使用

这里拿MUSE UI 中的进度条举例 <mu-circular-progress :size="40" class="icon" v-if="isloading"/> <div v-show="!isloading"> <p>内容</p> </div>//数据初始化 data () { ...

页面加载

进度条

ios

原创 2022-03-08 14:39:04 216 阅读

视图模板引擎——Vue【双向绑定】原理剖析

首先我们来了解一下MVC、MVP、MVMM这三大架构模式在前端角度上的理解。MVC

数据

初始化

html

原创 2022-03-08 14:37:46 122 阅读

Vue引入vuetify框架你需要知道的几点

1、命令行安装npm install vuetify --save2、在src目录中创建一个名为的文件夹plugins在里面，添加一个vuetify.js文件。代码如下import Vue from 'vue'import Vuetify from 'vuetify'import 'vuetify/dist/vuetify.min.css'Vue.use(Vuetify)expor...

css

命令行

原创 2022-03-08 14:37:24 207 阅读

关于Vue移动端框架（Muse-UI）的使用（说明书，针对不愿看文档的童鞋）

一、安装1、npm安装npm i muse-ui -S或者CDN安装<link rel="sty

css

ico

ide

原创 2022-03-08 14:36:54 260 阅读

事件处理

时间间隔

时间段

原创 2022-03-08 14:36:45 409 阅读

Vue之封装二次axios

ios

拦截器

登录页面

原创 2022-03-08 14:36:33 452 阅读

Vue MD5加密你用吗?

安装npm install --save js-md51、按需引入（在你需要的项目中引入）引入：import md5 from 'js-md5'使用：md5('加密信息')2、全局引入（main.js修改）引入：import md5 from 'js-md5';Vue.prototype.$md5 = md5;使用：this.$md5('加密信息') ...

Vue

原创 2022-03-08 14:36:07 387 阅读

针对elementUI 中InfiniteScroll按需引入的一点注意事项

大家为了节省空间，常常进行按需引入来节省空间，这里我给

无限滚动

原创 2022-03-08 14:35:11 343 阅读

Vue几行代码实现搜索功能

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>search</title> <script src="vue.js"></script></head><body...

html

vue.js

原创 2022-03-08 14:32:43 489 阅读

Vue搭建后台系统需要做的几点（持续更新中）

css

html

markdown编辑

原创 2022-03-08 14:32:12 30 阅读

Vue开发组件之替代marquee标签，超出宽度文字横向滚动效果

marquee组件<template> <div class="marquee-wrap"> <div class="scroll"> <p class="marquee">{{text}}</p> <p class="copy"></p> </div> ...

滚动效果

安装插件

原创 2022-03-08 14:31:48 596 阅读

Vue回炉重造之三次封装axios

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

ios

get请求

post请求

原创 2022-03-08 14:31:38 69 阅读

关于Vue的几个实用知识点（持续更新中……）

前言排名不分先后，按自己习惯来的。一、provide、inject 高级组

ide

数据

自定义属性

原创 2022-03-08 14:30:30 59 阅读

Vue数据双向绑定原理（vue2向vue3的过渡）

众所周知，Vue的两大重要概念：数据驱动组件系统接下来我们浅析数据双向绑定的原理一、vue21、认识definePropertyvue2中的双向绑定是基于defineProperty的get操作与set操作，那么我们简单认识下defineP

html

私有变量

双向绑定

原创 2022-03-08 14:30:19 279 阅读

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

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

51CTO博客

wx6124cb1b73be0的博客

知道vue组件同级传值吗？

[Violation] Added non-passive event listener to a scroll-blocking ‘mousewheel’ event 解决方案

当Vue2遇到Composition API，它们之间到底能擦出怎样的火花？

Vite+Vue2+Composition-api+＜script setup＞+TypeScript搭配如何开发项目？

今天，学会这几个Vue高级实战技巧就够了!

我熬夜开发了一款简约实用、支持多平台的Markdown在线编辑器（开源）

vue-cli在webpack环境下怎样生成开发环境模板（适合初学者）

关于vue打包上线遇到的坑

让我们用Vue cli全家桶搭建项目

关于vue cli 使用iview 自定义主题遇到的坑

关于vue项目中搜索节流的实现

vue移动端实现手机左右滑动入场动画

关于Vue 移动端适配（px2rem 插件将px转为rem）

关于vue项目中axios跨域的解决方法（开发环境）

你难道不知道Vue-cookie？

教你简单使用Vuepress（个人博客的狂欢夜）

关于各种Vue UI框架中加载进度条的正确使用

视图模板引擎——Vue【双向绑定】原理剖析

Vue引入vuetify框架你需要知道的几点

关于Vue移动端框架（Muse-UI）的使用（说明书，针对不愿看文档的童鞋）

Vue最新防抖方案

Vue之封装二次axios

Vue MD5加密你用吗?

针对elementUI 中InfiniteScroll按需引入的一点注意事项

Vue几行代码实现搜索功能

Vue搭建后台系统需要做的几点（持续更新中）

Vue开发组件之替代marquee标签，超出宽度文字横向滚动效果

Vue回炉重造之三次封装axios

关于Vue的几个实用知识点（持续更新中……）

Vue数据双向绑定原理（vue2向vue3的过渡）