Vue按鈕綁定數(shù)據(jù)，觸發(fā)點擊事件后，按鈕數(shù)據(jù)不變？

我是一個Vue的初學(xué)者，今天在看關(guān)于v-once的時候，使用按鈕綁定一個數(shù)據(jù)，

點擊按鈕后v-once綁定后的數(shù)據(jù)沒發(fā)生變化，可是按鈕本也沒有發(fā)生變化？我又綁定了一個新按鈕，點擊這個新按鈕，上一個按鈕的數(shù)據(jù)發(fā)生變化

你期待的結(jié)果是什么？實際看到的錯誤信息又是什么？

我本來以為點擊測試按鈕后只有v-once綁定的數(shù)據(jù)不發(fā)生改變，其余的都發(fā)生改變。
可是點擊后，發(fā)現(xiàn)測試按鈕沒有發(fā)生變化，因為我是初學(xué)者，不理解，希望得到大神的指點，謝謝

回答

編輯回答

哎呦喂

復(fù)制了一下你的代碼完全沒問題??？

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <div id="app2">
        <!-- 測試按鈕，綁定了數(shù)據(jù)，點擊后text不更新 -->
      <button @click="change">{{text}}</button>
        <p v-once>{{text}}</p>
        <p>{{text}}</p>
        <!-- 新按鈕，點擊后測試按鈕{{text}}更新 -->
    <button @click="change">新按鈕</button>
    </div>
    <script src="https://cdn.bootcss.com/vue/2.5.16/vue.js"></script>
    <script>
         new Vue({
             el:'#app2',
             data:{
                 text:'測試用的數(shù)據(jù)'
             },
             methods:{
                 change:function(){
                     this.text='啊真愛上了阿強';
                 }
             }
         })
    </script>
</body>
</html>

2018年5月25日 15:31

編輯回答