<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!--1 引入vue的js文件--> <script src="js/vue-2.6.10.js"></script> </head> <body> <div id="root"> <h2>{{msg}}</h2> <input type="text" v-model="username"/> <span>{{username}}</span> </div> </body> </html> <script> let vm = new Vue({ el:"#root", data(){ return{ msg: "软件学院", username:"" } } }) </script>
Vue基础-输入文本框
于 2022-08-11 22:08:34 首次发布