Vue Toast(吐司)实现

最新推荐文章于 2024-07-11 09:58:06 发布

前端黑翼

最新推荐文章于 2024-07-11 09:58:06 发布

阅读量1.3k

点赞数

文章标签： vue.js javascript

本文链接：https://blog.csdn.net/qq_41801117/article/details/112196900

版权

这篇博客记录了作者学习Vue Toast的过程，包括制作、安装和挂载三个步骤。作者创建了Toast.vue文件，并在main.js中进行安装，还在toast文件夹下建立了index.js用于挂载。

摘要由CSDN通过智能技术生成

Vue Toast(吐司)实现

前言

你好，最近刚在学习前端知识，在此记录一下自己的 Vue Toast 学习过程，并借此机会进行回顾，如有错误之处，请批评指出，谢谢！
我个人将其分为3步： 1. 制作； 2. 安装； 3. 挂载；

制作Toast

新建文件夹toast，并建立Toast.vue。

<template>
    <div id="msg" v-show="show">
        <div>{
   {
   msg}}</div>
    </div>
</template>
<script>
    export default {
   
        name:'Toast',

最低0.47元/天解锁文章

前端黑翼

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
Vue Toast(吐司)实现

Vue Toast(吐司)实现前言你好，最近刚在学习前端知识，在此记录一下自己的 Vue Toast 学习过程，并借此机会进行回顾，如有错误之处，请批评指出，谢谢！我个人将其分为3步： 1. 制作； 2. 安装； 3. 挂载；制作Toast新建文件夹toast，并建立Toast.vue。<template> <div id="msg" v-show="show"> <div>{{msg}}</div> </d
复制链接

扫一扫