lovecoding
/
VIP29


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!-- 引入文件   -->
    <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
</head>
<body>
    <div id="app">
        <button @click="subNumber()">-</button>
        {{number}}
        <button @click="addNumber()">+</button>
        <!--  和鼠标键盘交互 事件      -->
    </div> <!-- 容器 -->
</body>
<script>
    const { createApp, ref } = Vue;
    createApp({
        setup() {
            //ref 函数
            let number = ref(1);
            //声明
            function addNumber(){
                //改变number
                number.value++
                console.log(number.value)
            }

            function subNumber(){
                //改变number
                number.value--
                console.log(number.value)
            }
            return {
                number,addNumber,subNumber
            };
        }
    }).mount('#app'); //createApp创建对象 挂在到app
</script>
</html>