众所周知在vue2中，ref主要的作用还是便于快速的获取dom元素或组件，因为ref操作相比document.getElementbyId会减少dom操作的节点消耗。 具体关于vue2中ref和$refs的使用，这篇文章写的十分全面： https://www.cnblogs.com/xumqfaith/p/7743387.html 本文还是针对Vue3中ref使用进行说明，重点是模板ref的使用。…
vue3 + vite npm 组件库开发(二) 主要内容：组件库文档显示配置 对应文档：我这里直接使用一个项目，通过路由去实现，也可以用vue的相关的文档编写库 组件文档配置 每一个组件下面对于的doc就是组件的文档，我这里用的md文件去显示 安装插件vue-router , vite-plugin-vue-markdown vue-router 配置都简单，这里说一下vite-plugin-v…
正常我们在爷爷组件请求数据，然后将数据发到父亲组件，在由父组件发到孙子组件。这样会出现两次props。 父亲组件就是一个中间站。 其实有更简单的方式 看代码 <div> <Son :value="value" @changeValue="changeValue" /> </div> --爷爷组件 引入父亲组件 value 就是你想发给孙子的值 data() { …
直接安装 npm install regenerator-runtime 就好了 （如果按照它的要求红色框框安装的话会报错） 版权声明：本文为LJJONESEED原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。原文链接：https://blog.csdn.net/LJJONESEED/article/details/127118097
超实用：Vue 自定义指令合集 在 Vue2.0 中，代码复用和抽象的主要形式是组件。然而，有的情况下，你仍然需要对普通 DOM 元素进行底层操作，这时候就会用到自定义指令。 你可以将一些 css 样式抽象到指令中，也可以将一些 js 操作放到指令中去执行。就使用上来说，指令不用像组件一样需要引入和注册，注册后使用非常简洁方便。 对于在项目中常用到的指令，在此做了一个合集介绍，附源码可以直接在项目…
<template> <div> <ul> <li v-for="(item, index) in list1" @mouseenter="handleMouseEnter" :id="index"></li> </ul> <div> <div v-for="(item, index) in list2" v…
1.下载sass loader npm install sass sass-loader --save-dev 2.style文件下面新建sass文件 // src\styles\element-variables.sass /* 改变主题色变量 */ $--color-primary: orange; /* 改变 icon 字体路径变量，必需 */ $--font-path: '~element…
在vue中的src目录下新建utils文件夹 ，在其下面新建date.js文件，写一个时间转换的函数 4c4f253ffa7908fbf029012325238f4.png 代码如下 export function formatTime (date) { var year = date.getFullYear() var month = date.getMonth() + 1 var day = …
1.前台打包 npm run build 产物： dist文件夹 2.镜像构建 (linux docker) dist文件夹和dockerfile文件 Dockerfile文件内容： FROM nginx:1.23.2 ADD dist/ /usr/share/nginx/html 将两文件放到统一文件夹下 2.1Linux安装Docker完整教程 1、安装依赖包 yum install -y y…
这里我用了tinymce，主要解决的是上传图片回调处理 效果预览： 第一步：下载tinymce资源， 把tinymce放到static目录 在index.html中引入tinymce.min.js文件 <script src=<%= htmlWebpackPlugin.options.path %>/tinymce/tinymce.min.js></script>…