輸入框下面顯示{firstName}{lastName}是怎么回事?
<!DOCTYPE html>
<html lang ="en">
<head>
? <meta charest="UTF-8">
? <title >計(jì)算屬性與偵聽器</title>
? <script src="vue.js" ></script>
</head>
<body>
? <div id="root">
? ? 姓: <input v-model="firstName"/>
? ? 名: <input v-model="lastName"/>
? ? ?<div>{{firstName}}{{lastName}}</div>
? </div>
? <script>
? ? ?new vue({
? ? ? ? ?el:"#root"
? ? ? ? ?data:{
? ? ? ? ? firstName:'',
? ? ? ? ? lastName:''
? ? ? ? ?}
? ? ?})
? ? ? ? ?
? </script>
</body>
</html>
2019-06-28
這個(gè)問題很簡(jiǎn)單,其實(shí)就是在生成實(shí)例的時(shí)候吧方法寫錯(cuò)了,new Vue 里面的V是大寫,然后親漏了了一個(gè)逗號(hào)哈
2019-05-28
這個(gè)是數(shù)據(jù)綁定,在vue實(shí)例中綁定了這兩個(gè)數(shù)據(jù),在數(shù)據(jù)改變的時(shí)候,頁(yè)面上的顯示也會(huì)改變??梢运阉饕幌聰?shù)據(jù)綁定