import {reactive} from "vue"; export default function(){ let data = reactive({ num1 : 0, num2 : 0, result : 0 }); function sum(){ // num3.value = num1.value + num2.value; data.result = data.num1 + data.num2; } // return {num1,num2,result,submit} return {data,sum} }
import {reactive} from "vue";
export default function(){
let data = reactive({
num1 : 0,
num2 : 0,
result : 0
});
function sum(){
// num3.value = num1.value + num2.value;
data.result = data.num1 + data.num2;
}
// return {num1,num2,result,submit}
return {data,sum}
}
<template> <input type="number" v-model="data.num1"/> <br> <input type="number" v-model="data.num2"/> <br> <input type="number" v-model="data.result"/> <br> <button @click="sum">求和</button> </template> <script> // import {reactive, ref} from "vue"; import sum from "./hooks/sum.js" export default { name : "App", setup(){ // 调用钩子函数,然后返回即可 let result = sum(); // // let num1 = ref(0); // // let num2 = ref(0); // // let result = ref(0); // let data = reactive({ // num1 : 0, // num2 : 0, // result : 0 // }); // function submit(){ // // num3.value = num1.value + num2.value; // data.result = data.num1 + data.num2; // } // // return {num1,num2,result,submit} // return {data,submit} return result; } } </script> <style> </style>
<template>
<input type="number" v-model="data.num1"/>
<br>
<input type="number" v-model="data.num2"/>
<br>
<input type="number" v-model="data.result"/>
<br>
<button @click="sum">求和</button>
</template>
<script>
// import {reactive, ref} from "vue";
import sum from "./hooks/sum.js"
export default {
name : "App",
setup(){
// 调用钩子函数,然后返回即可
let result = sum();
// // let num1 = ref(0);
// // let num2 = ref(0);
// // let result = ref(0);
// let data = reactive({
// num1 : 0,
// num2 : 0,
// result : 0
// });
// function submit(){
// // num3.value = num1.value + num2.value;
// data.result = data.num1 + data.num2;
// }
// // return {num1,num2,result,submit}
// return {data,submit}
return result;
}
}
</script>
<style>
</style>