分类：插件封装

2020
12-14

vue3.0实现插件封装

  最近公司有一个新的项目，项目框架是我来负责搭建的，所以果断选择了Vue3.x+ts。vue3.x不同于vue2.x，他们两的插件封装方式完全不一样。由于项目中需要用到自定义提示框,所以想着自己封装一个。vue2.x提供了一个vue.extend的全局方法。那么vue3.x是不是也会提供什么方法呢?果然从vue3.x源码中还是找到了。插件封装的方法，还是分为两步。1、组件准备  按照vue3.x的组件风格封装一个自定义提示框组件... 继续阅读 >

2020
11-22

vue自定义插件封装，实现简易的elementUi的Message和MessageBox的示例

这次封装基于vuecli3+typescript实现，javascript也是同理，没有区别；自定义插件有助于我们可以将一些页面交互封装并在js或ts文件中引入实现，而不是只在.vue文件。1、实现toast插件封装（类似简易版的elementUi的message）先书写一个toast组件<template><divref="toastRef"class="toastMessageBox">{{message}}</div></template><scriptlang="ts">import{Component,Vue,Watch}from'vue-property-de... 继续阅读 >