技术栈

第十九课 Vue组件中的方法

MarcoPage2024-11-07 21:21

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>
上一篇:cuda 环境搭建
下一篇:pdf 添加页眉页脚,获取前五页
相关推荐
程序员爱钓鱼
1 小时前
Go语言实战案例 — 项目实战篇:简易博客系统(支持评论)
前端·后端·go
excel
8 小时前
ES6 中函数的双重调用方式:fn() 与 fn\...``
前端
可乐爱宅着
9 小时前
全栈框架next.js入手指南
前端·next.js
你的人类朋友
10 小时前
什么是API签名?
前端·后端·安全
会豪
12 小时前
Electron-Vite (一)快速构建桌面应用
前端
中微子
12 小时前
React 执行阶段与渲染机制详解(基于 React 18+ 官方文档)
前端
唐某人丶
12 小时前
教你如何用 JS 实现 Agent 系统(2)—— 开发 ReAct 版本的“深度搜索”
前端·人工智能·aigc
中微子
12 小时前
深入剖析 useState产生的 setState的完整执行流程
前端
遂心_
13 小时前
JavaScript 函数参数传递机制:一道经典面试题解析
前端·javascript
Gracemark
13 小时前
高德地图-地图选择经纬度问题【使用输入提示-使用Autocomplete进行联想输入】(复盘)
vue.js
热门推荐
01GitHub 镜像站点02UV 工具安装与国内镜像源配置指南03Claude Code 平替:OpenAI发布 Codex CLI ,GPT-5 国内直接使用04UV安装并设置国内源0546个Nano-banana 精选提示词,持续更新中06A股预测还能更准?开源大模型Kronos带你跑通预测+回测全流程07conda中设置镜像地址(附所有可换的地址)08KGG转MP3工具|非KGM文件|解密音频09保姆级教程:手把手教你用Dify实现完美多轮对话(附Chatflow和提示词)10突破百度网盘的下载限速,两种方法教会你【超详细】