首页 / 知识
Vue3通过使用 watch 实现计数器
2023-04-11 16:29:00
通过使用 watch 实现计数器：
实例
<div id = "app">
<p style = "font-size:25px;">计数器: {{ counter }}</p>
<button @click = "counter++" style = "font-size:25px;">点我</button>
</div>
<script>
const app = {
data() {
return {
counter: 1
}
}
}
vm = Vue.createApp(app).mount('#app')
vm.$watch('counter', function(nval, oval) {
alert('计数器值的变化 :' + oval + ' 变为 ' + nval + '!');
});
</script>
|
最新内容
相关内容
python使用matplotlib绘图怎么在线
python使用matplotlib绘图怎么在线上标注?，地方，培训，坐标轴，图像，范围，画图，示例，注释，文字描述，以上，python画图常用标注包含，坐标轴的值和
python怎么使用文件夹下的脚本?
python怎么使用文件夹下的脚本?，工作，培训，文件夹，脚本，文件，所在，方法，示例，路径，以上，python中使用文件夹下脚本的方法：将当前的工作目录(即
python实现报表用什么?
python实现报表用什么?，工具，工作，培训，报表，内容，参数，语言，终端，矩阵，语句，python中可以使用xlwt与xlrd库读写Excel报表。xlwtPython语言中
python如何实现换行?
python如何实现换行?，培训，结果，字符，以上，方法，更多，内容，python实现换行的方法：1、使用换行符“\n”实现换行#-*-coding:utf-8-*-A="来
python中如何使用pil
python中如何使用pil，培训，示例，人数，以上，功能，方法，更多，官方，内容，PIL(PythonImageLibrary)是python的第三方图像处理库，但是由于其强大的
Python如何实现excel筛选
Python如何实现excel筛选，数据，培训，表示，缺失，表格，示例，模块，手工，以上，标签，python实现筛选Excel数据可以使用pandas库来实现，具体的使用示
Python脚本如何使用
Python脚本如何使用，培训，脚本，文件，文件名称，路径，命令，下面，窗口，以上，更多，python脚本的使用方法如下：1、首先编写脚本文件，命名成一个.py文
Python如何使用https请求
Python如何使用https请求，代码，包装，培训，模块，底层，定义，以上，协议，操作，功能，python使用https请求代码如下：importurllibimporthttplibheade
python如何实现手动输入文字
python如何实现手动输入文字，培训，表达式，字符串，函数，整数，示例，语法，以上，参数，文字，python中可以使用input()函数接收用户输入的文字。函
python中如何实现加密
python中如何实现加密，中国，数据，培训，信息，模块，你好，参数，字符串，长度，前后，1、Python中使用Base64加密：Python内置的base64模块可以直接进
cmd无法实现启动python怎么办？
cmd无法实现启动python怎么办？，系统，培训，电脑，环境变量，变量，方法，问题，引号，结尾，属性，cmd无法实现启动python，原因是环境变量的问题。设置环
python怎么使用迭代器
python怎么使用迭代器，数据，异常，位置，培训，对象，文件，方法，内容，函数，数据流，迭代器(Iterator)：迭代器可以看作是一个特殊的对象，每次调用该对