<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!--引入vue的js文件--> <script src="js/vue-2.6.10.js"></script> </head> <body> <div id="app"> <input type="text" v-model="money" /> <!--将vue对象中初始化的数据显示到页面的标签中--> <h2>{{name}}</h2> <h2>有{{money}}元私房钱</h2> <button v-on:click="money++">存钱</button> <button v-on:click="money--">消费</button> </div> </body> </html> <script> /*创建vue的对象*/ /* * let vm = new Vue({})*/ let app = new Vue({ el:"#app", data:{ name:"小明", money:10000 } }) </script>
Vue基础-将vue对象中初始化的数据显示到页面的标签中
最新推荐文章于 2024-03-01 08:00:00 发布