当前位置: 首页 > 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

相关文章:

  • 鸿蒙开发案例:七巧板
  • 谷歌推出全新AI生成游戏玩法 —— 无限生成角色生活模拟游戏“Unbounded”
  • 2024最新的开源博客系统:vue3.x+SpringBoot 3.x 前后端分离
  • LabVIEW气体检测系统
  • CesiumJS 案例 P15:检测标记、鼠标点击移动标记、鼠标拖动标记
  • openEuler的aarch64操作系统上安装k3s
  • 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开发要点