记录几个vue-masonry插件使用中的坑：1 引入方法：通过npm ivue-masonry以后，引入方法是import{VueMasonryPlugin}from'vue-masonry';我用的版本是0.11.8而不是网上很多文字写的那样 importmasonryfrom'vue-masonry';如npm 官方包所述（个别人发布文章非常不负责任，误人子弟）2 一定要记得给item选项添

vue3 开发一个日历组件

需要封装一个dialog组件。但是出现一个问题。初始第一次点击某个按钮可以正常弹出。但是后面无论怎么点击都无法出现。解决办法：给dialog添加一个v-if。代码如下：弹窗组件login.vue-------------------------------------------------<el-dialog:modal-append...

pini作为vue生态圈新出来的状态管理工具，因为相交vuex具备更简洁的语法和更好的ts支持，成了vue官方默认的状态管理新方案

vue3实现图片预览插件开发

provide、inject一般用在组件间嵌套过多，而子组件一层层的传递很麻烦，此时通过provide、inject可以跨层传递。但是最近在使用的过程中发现一个问题:祖组件中data里的响应式数据通过provide return以后，发现孙组件无法接受到最新的值//祖组件<template><div> this is grandparent component</di

在vue3中自定义组件双向绑定语法的改变，使得写法和vue2大为不同。我们以element-plus的dialog组件为例。基于它。封装一个自己的对话框，同时介绍两种实现思路：思路一：数据驱动型：我们封装一个test-dialog组件：<el-button @click="open">打开</el-button><test-dialog ref="testDom" v

前面介绍了一种动态换肤的方法。主要是通过less-loader的less.modefyVar() 通过动态传参。动态修改less变量达到目的。今天我们将采用另外一种存css的方式实现这种效果：首先我们需要了解下css新的特征：var()函数和:root伪类var()函数可以代替元素中任何属性中的值的任何部分。var()函数不能作为属性名、选择器或者其他除了属性值之外的值。（这样做通...

这一次，我们以vue3项目为例。实现在项目中保存文件，自动格式化。包括js语法，css样式格式化和html的标签格式化；我们用vite新建一个项目：1，我们在项目总安装如下依赖：（1）安装ESLint：npm i -D eslint eslint-plugin-vue @typescript-eslint/parser @typescript-eslint/eslint-plugin（2）安装Pr

1 如何创建vite项目？step 1 :npm init vite@latestyarn create vitestep2 :npm init vite@latest my-vue-app --template vuenpm 7+, 需要额外的双横线：npm init vite@latest my-vue-app -- --template vue# yarnyarn create vite m