官网http://suneditor.com/此编辑器支持视频插入，功能还是很强大。预览图接入引入npminstallsuneditor--save例子<template><div><textareaid="sample">初始化内容</textarea></div></template><scriptsetup>import{ref,reactive,getCurrentInstance,nextTick,onMounted}from"vue";const{proxy}

我们想要实现风格切换，基本思路就是定制一套基本的样式，然后不同的风格，我们使用不同的颜色，通过最外层添加clas选择器来进行覆盖，达到切换风格效果。

使用原生js开发一个静态留言板，可以发现，使用vue这样的高级框架能提高我们的开发效率，我们只需要关注数据的处理，无需关注页面动态渲染。

1、下载地址：https://wwur.lanzout.com/i23eZ0mt58mh密码:gyts2、google浏览器打开chrome://extensions/3、将文件拖入，启用插件4、控制台就可以看到插件

我们在开发VUE的过程中经常要用到环境变量，直接在根目录下新建对应环境的配置文件。定义配置文件然后再package.json中最对应的配置配置文件啊后缀要跟--mode后面保持一致定义的内容必须要VITE开头,如下VITE_SERVER_URL=http://localhost:8070/VITE_TITLE=easyblog使用配置文件在vite.config.js中使用如图：import{fileURLToPath,URL}from'node:url'import{defineConfig,loadEnv}from'vite'importvuefro

我们在开发的时候很多组件都带有弹窗，但是有时候，我们不想用组件，但是需要用到弹窗，是否可以自己封装一个呢？那么我们就自己封装一个效果图弹窗是支持拖拽的思路写这么一个弹窗不复杂，复杂的是拖拽的逻辑，在点击标题栏的时候，我们通过鼠标按下事件记录鼠标已经按下，同时记录鼠标点在弹窗的位置，在鼠标移动的时候，判断鼠标是否已经点在标题上，鼠标移动的过程中用鼠标的位置减去初始鼠标点在弹窗的位置，就可以实现拖动。

后面的讲解都是使用的vue3.x 使用了setup语法糖，这个语法糖的确好用，不用每个都去return，实际开发中经常忘记return，这个语法糖就很好用了，对于setup语法糖是3.2才支持的。 主要讲解我们开发中经常用到的一些内容，包括 router，prototype,父子组件调用 等。

Vue3 prototype使用 vue2可以用派生，Vue3 没有this对象，无法派生

Vite 环境变量使用