vue console.log

vue3中的setup，你理解不

借用官网一句话setup选项是一个接收props和context的函数也就是说它的基本写法应该是这样的exportdefault{name:'test',setup(props,context){return{}//这里返回的...

3个超秀的 Vue 卡片翻动组件Vue-Card-Slide

今天给大家分享3个超丝滑Vue卡片左右、上下滑动层叠组件VueCardSlide。1、vue-tantan-stack一款基于vue.js制作的仿探探效果滑动组件。支持左右拖动或点击按钮切换效果。功能分析堆叠滑动的功能很简单，用一张图概括就是堆叠效果堆叠图片效果在网上有大量的实例，实现的方法大同...

前端新工具—vite从入门到实践

作者：蜗牛老师转发链接：https://zhuanlan.zhihu.com/p/149033579前言前段时间尤大大在B站直播，介绍了一款新的前端开发工具，利用了浏览器自带的import机制，无论多大的项目，都是秒开，听起来很诱人，火速看了源码，并且最近做了《前端会客厅》后，经过尤大亲自讲解了设计...

15个具有收藏意义的webpack插件

分享一下工作中实用的几个plugin希望对大家有些帮助，不喜勿喷。html-webpack-plugin用途：将一个页面模板打包到dist目录下，默认都是自动引入jsorcss安装cnpm i html-webpack-plugin@3.2.0 -D配置index...

Vue编译出静态文件上传七牛CDN

Vue作为目前比较流行的前端开发框架，在前后端分离比较时尚的今天异常火热，下面分享下怎么把Vue编译出来的静态文件上传到CDN，在这里主要是七牛云的CDN。Vue项目进行编译编译命令：npmrunbuild如果使用yarn做为包管理器的话，使用：yarnrunbuild申请七牛云存储想要用七...

Vue3实战笔记(17)—pinia基本用法——Action

前言在Pinia中，actions用于定义和处理复杂的业务逻辑，包括异步操作、多个mutation的组合，或者任何需要多个步骤的操作。Actions相当于组件中的methods，它们可以访问store的状态（通过this）、getters、以及其他actions，还可以提交m...

Vue3 的改变

vueapp应用创建方式import{createApp}from'vue'//从一个单文件组件中导入根组件importAppfrom'./App.vue'constapp=createApp(App)vue3可以同时创建多个ap...

Vue3学习手册

一.Vue3快速上手1.认识Vue31了解相关信息Vue.js3.0"OnePiece"正式版在今年9月份发布2年多开发,100+位贡献者,2600+次提交,600+次PRVue3支持vue2的大多数特性更好的支持Typescript2性能提升:打包大小减少41...

vue 路由守卫

参考官网：https://router.vuejs.org/zh/guide路由守卫种类：三大全局路由守卫，三大组件路由守卫，一个路由独享守卫使用位置：全局和独享在路由文件src\router\index.js，组件守卫在组件中相关参数to：要跳转到的目标路由信息from：跳转前的路由信息ne...

vue防短时间内 多次点击的解决办法

介绍两种vue项目中防止用户在一定时间内频繁点击按钮触发事件的方法第一种方法：在规定时间内将按钮禁用的方法1.主要思想就是禁止用户在一定的时间多次点击，在一定时间内将按钮禁用，用定时器实现，一定时间之后用户可再次点击第二种方法：用指令的方式实现，全局注册，方便1.新建js文件(因为是全局可用的，文...