<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>表單輸入綁定</title>
<script src="vue.js" type="text/javascript" charset="UTF-8"></script>
</head>
<body>
<div id="app">
<input v-model="message" placeholder="edit me">
<p>Messagebox is {{message}}</p>
</div>
<script>
var vm=new Vue({
el:'#app',
data:{
message:''
}
});
</script>
</body>
</html>
【四二學堂】表單輸入綁定(v-model:vue系列入門示例之二十)
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章
web前端pdf導出
connie__wu
2020-07-06 02:29:22
字符代碼工具函數
connie__wu
2020-07-06 02:29:22
uni-app實現的搜索功能 可以應用到vue 小程序
前端小白鲨
2020-07-05 21:19:47
vue部署在nginx後刷新404,一行代碼解決掉
smartcoach
2020-07-03 06:12:08
微信掃碼支付後不斷重複回調,怎麼辦?
smartcoach
2020-07-03 06:12:08
simditor富文本編輯器最新最簡單的使用方法
七墨先生
2020-06-26 01:58:45
sentry 服務的搭建
提拉米苏zhou
2020-06-23 04:51:26
異常:org.apache.maven.archiver.mavenarchiver.getmanifest
王一洋
2020-06-21 19:27:55
一行代碼對手機號脫敏
'13427511234'.replace(/(^1\d{2})(\d{4})(\d{4})/g,'$1****$3')
shunzizhan
2020-06-19 12:32:32
web多圖片追加上傳兼本地預覽
杨柳
2020-06-19 01:23:15
webpack的安裝與配置
杨柳
2020-06-19 01:23:11
js中for in 和 for each in的使用
_panda_
2020-06-16 05:59:10
css3的box-sizing
_panda_
2020-06-16 05:59:10