首页 / 知识
Vue3进行千米与米之间的换算
2023-04-11 16:29:00
实例进行千米与米之间的换算：
实例
<head>
<meta charset="utf-8">
<title>Vue 测试实例 - 菜鸟教程(runoob.com)</title>
<script src="https://unpkg.com/vue@next"></script>
</head>
<body>
<div id = "app">
千米 : <input type = "text" v-model = "kilometers">
米 : <input type = "text" v-model = "meters">
</div>
<p id="info"></p>
<script>
const app = {
data() {
return {
kilometers : 0,
meters:0
}
},
watch : {
kilometers:function(val) {
this.kilometers = val;
this.meters = this.kilometers * 1000
},
meters : function (val) {
this.kilometers = val/ 1000;
this.meters = val;
}
}
}
vm = Vue.createApp(app).mount('#app')
vm.$watch('kilometers', function (newValue, oldValue) {
// 这个回调将在 vm.kilometers 改变后调用
document.getElementById ("info").innerHTML = "修改前值为: " + oldValue + "，修改后值为: " + newValue;
})
</script>
|
最新内容
相关内容
python中怎么对一个数进行因式分解
python中怎么对一个数进行因式分解?，代码，培训，因式分解，因数，个数，最小，整数，数组，假定，分解，1、Python因式分解代码：importtime#对一个数进
python中怎么样进行矩阵运算?
python中怎么样进行矩阵运算?，矩阵，培训，数据，数值，行列，函数，开头，元素，以上，时候，python的numpy库提供矩阵运算的功能，因此我们在需要矩阵运
如何对python进行加速
如何对python进行加速，代码，数据，时间，地方，培训，进程，文件，编译器，程序，函数，对python进行加速的方法：1、使用哈希表的数据结构如果在程序中Python中区分字符与字符串吗?
Python中区分字符与字符串吗?，数据，培训，数字，字符串，数据类型，字符，类型，语言，有所不同，布尔，python中不区分字符与字符串，与C语言相比，Python
Python库与模块的区别是什么?
Python库与模块的区别是什么?，名称，概念，标准，机构，培训，名字，代码，模块，区别，函数，python库与模块的区别是：模块、库主要区别在于他们的定义
python类对象和实例对象是一样的吗
python类对象和实例对象是一样的吗，地址，概念，下来，数据，培训，实例，对象，方法，属性，变量，python面向对象最重要的概念就是类(Class)和实例(In
python对象与方法的区别是什么
python对象与方法的区别是什么，地址，数据，培训，对象，函数，类型，字符串，方法，表示，身份，python使用对象模型来存储数据，也就是说构造任何类型的
python调用方法必须实例化么
python调用方法必须实例化么，代码，培训，方法，静态，工厂，参数，程序，对象，实例，定义，python类中的实例方法和静态方法，在调用时，是有区别的。静态python如何实例化一个对象
python如何实例化一个对象，培训，名称，实例，括号，关键字，对象，函数，字母，方式，以上，python中同样使用关键字class创建一个类，类名称第一个字母pythonpython与c区别有哪些
pythonpython与c区别有哪些，数据，培训，数字，标准，地址，概念，类型，语言，对象，变量，python与C的区别如下：1、语言类型不同Python是一种动态类型python如何比较Python与PHP?
python如何比较Python与PHP?，管理，代码，设计，培训，软件，工具，数据，业务，通用，地方，PHP已经存在很长时间了，而且它还将继续存在，以下是Python迅
python版本2和3之间的区别是什么？
python版本2和3之间的区别是什么？，培训，区别，之间，版本，