博客做的比较早，那个时候还不知道有markdown编辑器这个玩意。所以我的文章都是用ueditor编辑的。我这里大概想做一个大图的自定义组件：需求是，点击文章中的图片，显示大图。那么这里就有一个问题，我怎么在页面加载完成之后给html绑定事件呢？Jquery有$.on方法，但是，我不想再vue里边使用jquery。哎呀，迷糊了，原生javascript有onclick呀。上代码：1：要有一段在页面

我这里自定义了几个alert弹窗组件：1：带有确定取消的alert弹窗组件：效果如下图所示代码：/*** 自定义公共函数*/const utils ={/*** @name: 自定义alert(确定，取消)* @author: camellia* @email: guanchao_gc@qq.com* @date: 2021-01-23* @param:datastring显示的文字* @par

VUE3.0第一篇。主要还是看一看官方的手册，做一个笔记。官方文档网址：https://www.vue3js.cn/docs/zh/guide/introduction.html这里看一下vue3.0的安装以及创建第一个项目。官方对js包管理为我们提供了两个选择，npm和yarn。我这里比较倾向使用yarn。关于yarn的介绍，请移步《js包管理工具yarn》一：安装vue3.0yarn glob

新窗口打开标签页这个功能在html中还是很简单的。添加Target=”__blank”就好。但是在vue中怎么实现呢？其实很简单：VUE2：const { href } = this.$router.resolve({name: `print_schedule`,params: {id: id}});window.open(href, "_blank");VUE3：const router

一、为什么要使用路由懒加载为给客户更好的客户体验，首屏组件加载速度更快一些，解决白屏问题。二、定义懒加载简单来说就是延迟加载或按需加载，即在需要的时候的时候进行加载。三、使用常用的懒加载方式有两种：即使用vue异步组件 和 ES中的import1、未用懒加载，vue中路由代码如下// 官方文档：https://vue3js.cn/router4/guide/#html// 引入vue-router

我这里计划做一个即时聊天的小功能，计划是在一个抽屉组件中实现这个功能。但是最后能不能成功我也不知道，毕竟我没做过，但是抽屉组件可以提前做一个嘛，这个不是很难。代码：Drawer.vue：<template><div class="drawer"><!-- 遮罩层 --><div class="mask-show" v-if="drawerShow" @cl

Setup是VUE3.0中为我们新提供的的组件选项。创建组件实例，然后初始化props，紧接着就调用setup函数，从生命周期钩子的视角来看，他在beforecreate之前调用。setup()是函数，具有return，return函数中定义的变量，把其暴露给模板。一：setup1：Setup可以替代VUE2中的data和method函数。（1）：使用VITE创建一个空项目，默认会给我们一个hel

VUE2中可以将我们需要的插件挂载到VUE的主链上（配置成全局属性），然后通过this调用，但是在VUE3的ts中使用这样的配置方法的话是没法通过编译的，这个时候我们就需要拓展属性。// 下面是在vue3.0定义源文件找到的一段说明注释/*** Custom properties added to component instances in any way and can be accessed

项目中需要使用到wangeditor，这里封装一个自定义组件，便于后期使用。首先，官方文档：https://www.wangeditor.com/1：安装npm i wangeditor --save2：组件代码Wangeditor.vue<template><div ref='editor' ></div><!-- <button @click='

平常再做开发的时候，一般情况下不会将html，js，css代码写到一个文件中。基本上都会写在各自对应的文件中，然后再引入即可。那么在VUE中我们如何抽离vue文件中的js，与css代码呢？1：抽离javascriptHome.vue<template><div><div :style="{ padding: '24px', background: '#fff', mi