Vue基础-输入文本框
Vue基础-输入文本框
·
<!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>
华为开发者空间，是为全球开发者打造的专属开发空间，汇聚了华为优质开发资源及工具，致力于让每一位开发者拥有一台云主机，基于华为根生态开发、创新。
更多推荐
0
1- 0
已为社区贡献1条内容
所有评论(0)