輸入框下面顯示{firstName}{lastName}是怎么回事?
<!DOCTYPE html>
<html lang ="en">
<head>
? <meta charest="UTF-8">
? <title >計算屬性與偵聽器</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
這個問題很簡單,其實就是在生成實例的時候吧方法寫錯了,new Vue 里面的V是大寫,然后親漏了了一個逗號哈
2019-05-28
這個是數(shù)據(jù)綁定,在vue實例中綁定了這兩個數(shù)據(jù),在數(shù)據(jù)改變的時候,頁面上的顯示也會改變。可以搜索一下數(shù)據(jù)綁定