008.Vue3入门,最基础的事件处理,点击按钮增加次数,支持传参

news/2024/11/16 5:42:50/文章来源:https://www.cnblogs.com/tianpan2019/p/18352524

1、代码如下:

<template><h3>内联事件处理群</h3><button @click="addCount1">Add</button><p>{{ count1 }}</p><button @click="addCount2('hello')">按钮</button><p>{{ count2 }}</p>
</template><script>
export default {data() {return {count1: 0,count2: 0}},methods: {addCount1() {//读取到data里面的数据方案:this.countthis.count1++;},addCount2(msg) {//读取到data里面的数据方案:this.count
      console.log(msg);this.count2++;}}
}
</script>

2、效果如下:

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/780937.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

008.Vue3入门,最基础的事件处理,点击按钮增加次数显示

1、代码如下:<template><h3>内联事件处理群</h3><button @click="addCount">Add</button><p>{{ count }}</p> </template><script> export default {data() {return {count: 0}},methods: {addCount() {//读…

熵编码(五)-CABAC(一) 基础篇

目录1. 前言2. 二进制算术编码3. CABAC编码原理分析3.1. 自适应算术编码3.1.1. 算法流程流程3.1.2. 自适应3.1.3. 码流输出(区间缩放)3.1.4 自适应算术编码的计算复杂度及优化3.1.4.1 自适应概率模型背景3.1.4.2. 自适应概率模型设计3.1.4.2.1. 自适应概率模型量化3.1.4.2.1. 自…

06.磁盘管理课后习题

06.磁盘管理课后习题 1.如何查看/etc/目录大小2.如何查看磁盘使用分区情况3.如何查看innode使用情况4.如何查看磁盘block使用情况1. 使用“lsblk”命令查看块设备信息,包括磁盘分区情况和磁盘使用情况。 2. 使用“df”命令查看文件系统的磁盘空间使用情况。 3. 使用“du”命令…

30句七夕诗词,温柔如水,最适合今天发朋友圈

“天阶夜色凉如水,坐看牵牛织女星。”又是一年七夕到。相传每年七月初七,天气温暖,草木飘香,繁星闪烁,牛郎织女会于天上的鹊桥相会,浪漫又神秘。不管是农耕时代还是现在,对于中国人来说,爱情哲学总是简单而纯粹。在相依相守中,共同酿造生活的美酒,共同筑造美好的未来…

ATT格式和Intel格式

历年真题中,采用的均是Intel格式

初探MIPS PWN

MIPS PWN调试环境配置&工具安装(Ubuntu 22.04) 安装 qemu qemu 是一个支持跨平台虚拟化的虚拟机,有 user mode 和 system mode 两种配置方式。其中qemu 在system mode配置下模拟出整个计算机,可以在qemu之上运行一个操作系统。qemu 的system mode与常见的VMware和Virtua…

Postman小工具大妙用

postman 大家都会用,但是很多人只是把它当作一个简单的http客户端。大部分时候,这就够了,因为http调用就是它的最核心的功能。 那么,这样一个“小”工具,究竟还有什么值得再说两句呢?目录写在前面基本概念UI基本结构collectionsvariables变量优先级environmentsScriptsCo…

portainer控制多个docker

打开docker的远程访问(参考下方博客) 觉得不安全可以配置 使用 TLS 加密 https://www.cnblogs.com/hongdada/p/11512901.html使用新版本portainer和我这个操作相同

007.Vue3入门,进行列表渲染来输出循环的内容

1、代码如下:<template><h3>列表渲染</h3><p v-for="(item,index) of names">序号:{{ index }},内容:{{ item }} </p><div v-for="item of result"><p>ID:{{ item.id }}, PKID:{{ item.pkid }}</p>&l…

计算机补码存储

以下过程用8位的有符号char表示数据。 1. 计算机为什么用补码存储整数加法运行计算机是按照二进制存储的,并且计算机只会做加法,不会减法。首先看下加法,例如1+1=20000 00010000 0001 ——————————0000 0010如果是1-1呢,因为计算机不会减法,会转换为1+(-1)。这就涉…

bean初始化生命周期

每天坚持,终会抵达!