首页 > 其他分享 >Vue 组件component定义和调用

Vue 组件component定义和调用

时间:2022-09-25 23:34:09浏览次数:49  
标签:Vue 定义 component 调用 组件 event

<div id="app">

<itembox></itembox>

</div>

<script>
Vue.component("itembox",{
template:"<h2>www.gzsmbj.com</h2>"
})

new Vue({
el:"#app",
data:{
title:'11111',
listarr:[1111,222,333],
hasred:true,
},
methods:{
mybtn(e,event){
console.log(event.target.nodeName);
}
}

})
</script>

标签:Vue,定义,component,调用,组件,event
From: https://www.cnblogs.com/96net/p/16729381.html

相关文章

  • Vue中Class 与 Style 绑定如何加样式
    你可以在对象中传入更多字段来动态切换多个class。此外,v-bind:class 指令也可以与普通的classattribute共存。当有如下模板:<divclass="static"v-bind:class="{act......
  • Vue中v-on事件和事件传值
    v-on事件简写@click<divid="app"><ul><button@click="mybtn({title})">{{title}}</button></ul></div><script>newVue({el:"#app", data:{ title:......
  • vue项目真机测试
    手机端直接输网址进入设置package.json设置vue.config.js......
  • vue.config.js 的完整配置(超详细)!
    今天分享一下,我们项目当中的一些webpack配置,希望能给大家有所启发;只要配置多了,你就会发现其实所有的配置的都是相似的,尤其像插件的配置,都是十分相似的。我们现在开始进......
  • Vue 循环v-for列表用法
    v-for指令可以绑定数组的数据来渲染一个项目列表:<divid="app"><ol><liv-for="todointodos">{{todo.text}}</li></ol></div>varapp=newVue(......
  • React 函数式组件怎样进行优化
    前言目的本文只介绍函数式组件特有的性能优化方式,类组件和函数式组件都有的不介绍,比如key的使用。另外本文不详细的介绍API的使用,后面也许会写,其实想用好hooks还是......
  • antd组件的<Upload>组件
    使用<Upload>组件上传多个文件时需要做一定的个数限制。如果直接  if(fileList?.length>100){message.error('制上传100条')}那么超过100条的每条都会有提示,不只是提示一......
  • 组件
    1.view同div使用2.swiper滑块视图容器里面只能嵌套swiper-item组件(宽高自动设置为100%),再嵌套image组件即可常用属性<swiperindicator-dots="true"indicator-act......
  • vue中检测不到数组或者对象发生改变,如何解决? vue更新数组时触发视图更新的方法
    vue中检测不到数组或者对象发生改变,如何解决? this.$set(对象/数组,键,值)Vue.set(对象/数组,键,值)给对象增加新属性、给数组增加属性都可以响应!this.$delete(对......
  • vue3 基础-传送门 teleport
    之前介绍了一波混入mixin和自定义指令directive其基本作用就是为了在vue中实现代码的复用.而本篇介绍的是vue3的一个新特性叫做传送门.一听这个名字是不是就感......