在處理用戶輸入中，我編寫了一個小栗子。在處理事件時，需要用到mehods屬性，在其中做數據處理，響應用戶交互事件。

看下面的栗子

<div id="app1">
    <p>{{reverseMess1}}</p>
</div>

new Vue({
    el: "#app1",
    data: {
        mess1: "一段測試文本"
    },
    computed: {
        reverseMess1: function(){
            this.mess1 = this
 
.mess1.split("").reverse().join("");
            return(this.mess1);
        }
    }
});

這個栗子中，我將數據處理之後作為函數的返回值綁定在DOM結構中。這個過程中不涉及任何事件交互。

教程中說，可以將computed替換為methods。這純屬扯淡。這樣做會報錯。

通過實驗，我覺得，綁定交互事件用methods，頁面初始化等工作放在computed中。

----------------

不對勁，將上面的代碼稍作改動

<p>{{mess1}}</p>

顯示的是反轉之前的mess1。

也就是說，頁面數據會先按data屬性排好，之後再調用computed中的函數。

那這樣computed就不能作為頁面初始化來使用了啊。

再議。

計算屬性