当前位置: 首页 > article >正文

第十九课 Vue组件中的方法

Vue组件中的方法

组件中的方法拓展与实例对象中的方法拓展类似

<div id="app">
     <test></test>
</div>  

<script>
    Vue.component('test', {
        template: '<input type="button" value="这是个按钮组件" @click="fun()">',
        methods: {
            fun(){
                alert('Hello World !');
            }
        }
    })

    new Vue({
        el: '#app'
    })
</script>

http://www.kler.cn/a/383102.html

相关文章:

  • MySQL数据库——复制表数据与结构
  • 负载均衡的原理
  • 脑肿瘤检测数据集,对9900张原始图片进行YOLO,COCO,VOC格式的标注
  • C语言初阶习题【14】数9的个数
  • 基于SpringBoot的山西文旅网系统
  • 云原生服务网格Istio实战
  • 3^100的位数判断
  • CAN通讯中常见的接口异常问题及其解决方案
  • 【数据结构与算法】第8课—数据结构之二叉树(堆)
  • Linux基础-常用操作命令详讲
  • 《Java核心技术 卷I》对象克隆
  • LeetCode 热题100之图论
  • Hive 2.x 的安装与配置
  • GPU架构概述
  • python数据分析笔记
  • 如何选择适合TikTok创作者的高性价比专线网络:全方位指南
  • 【算法篇】--重温算法题
  • Pulsargeist:恐怖类型的 XR 大空间项目创新玩法
  • SQL练习专场--01
  • 【glm4-voice-9b 本地运行并测试 gradio+notebook】
  • 探索空间计算与 VR 设备的未来:4K4DGen 高分辨率全景 4D 内容生成系统
  • ssm061基于SSM框架的个人博客网站的设计与实现+vue(论文+源码)_kaic
  • AI 搜索来势汹汹,互联网将被颠覆还是进化?
  • Openlayers高级交互(20/20):超级数据聚合,页面不再混乱
  • 使用 Let’s Encrypt 获取免费SSL证书
  • 城镇住房保障系统:SpringBoot开发要点