第十九课 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>
相关推荐
景天科技苑8 分钟前
【vue3+vite】新一代vue脚手架工具vite,助力前端开发更快捷更高效
前端·javascript·vue.js·vite·vue项目·脚手架工具
石小石Orz17 分钟前
Three.js + AI:AI 算法生成 3D 萤火虫飞舞效果~
javascript·人工智能·算法
小行星12519 分钟前
前端预览pdf文件流
前端·javascript·vue.js
join820 分钟前
解决vue-pdf的签章不显示问题
javascript·vue.js·pdf
小行星12526 分钟前
前端把dom页面转为pdf文件下载和弹窗预览
前端·javascript·vue.js·pdf
Lysun00135 分钟前
[less] Operation on an invalid type
前端·vue·less·sass·scss
土豆湿42 分钟前
拥抱极简主义前端开发:NoCss.js 引领无 CSS 编程潮流
开发语言·javascript·css
J总裁的小芒果1 小时前
Vue3 el-table 默认选中 传入的数组
前端·javascript·elementui·typescript
Lei_zhen961 小时前
记录一次electron-builder报错ENOENT: no such file or directory, rename xxxx的问题
前端·javascript·electron
辣条小哥哥1 小时前
electron主进程和渲染进程之间的通信
javascript·electron·ecmascript