<script setup lang="ts">
import {MoButton, MoIcon, MoButtonGroup, MoDialog} from "@moui/components";
import {MoTag} from "@moui/components";
import '@moui/theme-chalk/index.scss'
import {Loading} from '@element-plus/icons-vue'
import {ref} from "vue";

const visible = ref(false)
const clickBut = () => {
    visible.value = true
}
const beforeClose = () => {
  console.log('---')
    visible.value = false
}
</script>

<template>
    <!--    <div>
    &lt;!&ndash;        <mo-button loading>测试</mo-button>
            <mo-button loading>
                <template #loading>
                    <span style="color: red">fff</span>
                </template>
            </mo-button>
            11
            <mo-icon>
                <Loading class="el-icon-loading"/>
            </mo-icon>
            <mo-tag closable>tag</mo-tag>
            <mo-tag closable size="small">tag</mo-tag>
            <mo-tag closable size="default" type="success">tag</mo-tag>
            <mo-tag closable size="large">tag</mo-tag>
            <mo-button-group type="success">
                <mo-button>测试</mo-button>
                <mo-button>测试1</mo-button>
            </mo-button-group>&ndash;&gt;
            <mo-dialog></mo-dialog>
        </div>-->
    <mo-dialog
        title="kkkk"
        v-model:visible="visible"
        closable
        drag
        width="80%"
        full
        :beforeClose="beforeClose"
    >
        到百度首页
        vue
        
        百度首页设置 唯爱你为伊憔悴
        网页图片视频贴吧知道资讯文库采购地图更多
        百度保障为您搜索护航
        相关计算机软件

        快剪辑

        小影

        巧影

        mySQL
        换一换
        中共中央介绍解读二十大报告
        1防止领导干部成为利益集团代言人热
        2孙业礼回应是否输出中国模式热
        3未来五年，我们这样干
        4官方：前三季度GDP同比增长3.0%热
        5国考明日起报名 计划招录3.71万人
        6俞敏洪卸任新东方2家子公司职务
        7敞篷车牌“鲁AD好几个8” 交警找上门
        8德总理朔尔茨表示将访华 中方回应
        9付费自习室雇“水军”制造学习氛围
        1017岁男生百米成绩超过同期苏炳添
        11朝鲜射火箭炮回应韩军鸣枪驱逐商船
        12女子套圈技术太差老板4次放水
        13中央政治局委员 书记处书记简历热
        14女孩回应辞职带84岁爷爷游中国
        15中共二十届中央领导机构成员简历热
        ▶想在此推广您的vue吗？
        咨询热线：400-800-8888
        e.baidu.com
        收起工具时间不限所有网页和文件站点内检索
        搜索工具百度为您找到相关结果约100,000,000个
        搜索结果涉及价格仅作参考，请以商家官网为准
        vue与后台前端解决方案—慕课网
        基于Vue全新的script setup语法,带你重写vue-elment-admin,解决场景多,功能繁复的后台前端项目中的难题,助力你成为集技术,方案,高效开发于一身的工程师!

        慕课网 2022-10广告
        Vue.js - 渐进式 JavaScript 框架 | Vue.js
        Vue.js - 渐进式的 JavaScript 框架
        cn.vuejs.org/
        vue
        2022年7月23日 Vue 是一套用于构建用户界面的渐进式框架。 与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。 Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合...
        复制未来
        华为vue考试-报名入口

        最近1小时前有人咨询相关问题
        51CTO学堂17年hcip/hcia/hcie品牌,数万用户选择,华为vue考试老师授课,直播答疑.华为vue考试讲师老师授课,培训考试hcip/hcia/hcie认证,华为vue考试报名与培训中心.
        在线服务:免费咨询更多详情

        51CTO精培 2022-10广告
        Vue.js框架使用教程 - 相关博客 - 开发者搜索
        14万次阅读VueJS简明教程(一)之基本使用方法
        简书
        之前有说Vue这个框架是单向数据传输的,就是从vue实例传送数据到DOM ,那么我们如何从DOM中实时获取用户输入的数据赋值给vue实例呢 这用到了Vue.js提供给用户的一...
        3.3万次阅读前端小白如何快速上手Vue框架(上篇)
        CSDN
        我之前没有接触过任何前端知识,连基本的HTML语法,css,js的基础知识都不懂,再刚接手vue的时候也是一个头两个大. 然后当然先查vue官方文档,官网会有如下提示: 然后如果你按...
        一文快速详解前端框架 Vue 最强大的功能
        百家号
        包学会之浅入浅出Vue.js：开学篇
        云+社区
        4.4万次阅读Vue框架快速入门
        CSDN
        查看更多结果 >
        VUE(一、VUE简介、快速入门_白日日白的博客-CSDN博客_vue
        2022年8月7日 二、VUE快速入门 1、新建HTML页面,引入Vue.js文件(自己去官网下载噢~) 2、在JS代码区域,创建VUE核心对象,进行数据绑定 new Vue({ el:"#app", data(){ return{ username:"" } } }); ...
        CSDN博客
        vue - Figma中文版在线使用

        vuePixso是一款免费产品设计交付一体化协作平台,支持多人实时协作,组件变体,自动布局,低代码交付,在线矢量设计,打造团队资源库,支持Figma,sketch导入.

        免费设计素材

        免费原型设计

        海量图标设计

        团队设计协作

        Pixso 2022-10广告
        vuejs/vue - GitHub
        🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web. You are looking at the repository for Vue 2. The repo for Vue 3 is vuejs/core. Vue.js is an MIT-licensed open source project with its ongoing development made possible entirely by the support of these awesome backers. If you'd like to join them, please consider sponsor Vue's development.
        协议：MIT License语言：TypeScript
        最新版本：v2.6.14官网：http://vuejs.org
        Pull requestsIssuesReleases
        https://github.com/vuejs/vue
        大家还在搜
        vue怎么下架了web前端三大主流框架vue这么烂还有人用前端vue框架vue框架大概要学多久VUE剪辑下载为什么大公司很少用vuevue官网vue前端vue.js官网
        Vue.js - 百度百科
        
        播放视频
        Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式JavaScript框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及...
        产生背景 主要功能 版本记录 运行环境 语言特点 更多 >
        百度百科
        vue 中文手册
        Vue(读音/vjuː/,类似于 view)是一套用于构建用户界面的渐进式JavaScript框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易...
        学编程
        Vue 介绍 · Vue.js教程
        Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库...
        caibaojian.com/vue/gui...
        vue吧 - 百度贴吧

        vue方便易学的景观软件

        关注用户：1万人

        累计发贴：2万

        精品贴图片

        vue终端问题回复：4
        点击：415
        有没有一起学vue的回复：3
        点击：280
        vue请求后端void类型的接口应该怎么写呢？回复：1
        点击：79
        查看更多vue吧的内容 >
        tieba.baidu.com/
        vue简介 - 简书
        2022年4月4日 vue简介 1.vue特性 vue框架有两个特性 数据驱动视图 双向数据绑定 1.1 数据驱动视图 在使用vue的页面中,vue会监听数据的变化,从而自动重新渲染页面的结构。示意图如下: 好处:当数据...
        简书社区
        vue-小程序容器SDK-让你的APP可以运行上架小程序
        FinClip SDK,只需30分钟,即可让你的APP可以运行小程序,支持微信小程序语法 WXML,微信小程序代码可以直接在 FinClip 中运行
        深圳凡泰极客科技 2022-10广告
        [帆软] vue项目图表插件,选FineReport-百万用户选择

        vue项目图表插件,5天部署,0编码,1人搞定报表设计,简单好用的报表软件,免费使用!帆软软件报表,10多年行业经验,可视化拖拽操作,5分钟制作,一站式数据分析,1人搞定

        自助大数据分析
        商业智能领域16年

        亿级数据秒级处理
        超大量数据自助分析

        可视化探索分析
        洞察释放数据潜能

        企业级BI工具
        提供免费下载体验
        查看更多相关信息>>
        帆软软件有限公司 2022-10广告
        相关搜索
        VUE软件下载	vue停运了用什么代替
        vue框架原理	vue3.0官方文档
        2022年了vue学2还是3	vue官网中文文档
        vue快速入门	不会js可以直接学vue吗
        vue3官网	VUE视频软件
        1
        2
        3
        4
        5
        6
        7
        8
        9
        10
        下一页 >
        帮助举报用户反馈
        百度保障，为您搜索护航
        百度承诺：
        如遇虚假欺诈，助您维权
        查看档案
        申请保障
        <!--        111-->
        <template #footer>
            <mo-button @click="visible = false">取消</mo-button>
            <mo-button type="success">确定</mo-button>
        </template>
    </mo-dialog>
    <mo-button @click="clickBut">
        tag
    </mo-button>
</template>

<style scoped>
    :deep(.el-dialog__body) {
        height: calc(100% - 120px);
        overflow: auto;
    }
</style>
