計算屬性computed是vue例項的乙個屬性，它和methods的用法完全一樣，一般如果我們要對資料進行一定的變通後顯示的話，可以使用這個屬性。
>
>
>
}h2>
>
} }h2
>
>
}h2>
>
}h2>
div>
src=
"../js/vue.js"
>
script
>
>
newvue(,
methods:},
computed:}}
)script
>
body
>
>
>
>
總**：}h2
>
div>
src=
"../js/vue.js"
>
script
>
>
newvue(,
,,]}
, computed:
return result;}}
})script
>
body
>
computed和methods設定的方式一摸一樣，可是使用上卻不一樣？因為計算屬性的完整模樣不是這樣滴，計算屬性其實包含
兩個方法set和get，當修改計算屬性時會呼叫set方法，當使用或者獲取計算屬性時就會呼叫get方法，不過計算屬性一般很少使用set方法，所以就將它簡寫為前面的樣子。
>
>
>
}h2>
div>
src=
"../js/vue.js"
>
script
>
>
newvue(,
computed:
,get
:function()
}}})
script
>
body
>
computed和methods是完全一樣的，那麼它們的區別在哪呢？來看下面的**
>
>}}
}-----------}}
}div
>
src=
"../js/vue.js"
>
script
>
>
newvue(,
methods:},
computed:}}
)script
>
body
>
可以得見，fullname輸出了一次，而getfullname()輸出了3次，這是因為，計算屬性computed是有快取的，只要不改變firstname和lastname的值，不影響到計算屬性的值，那麼就不會再次呼叫方法進行計算；而methods的話每次使用都會呼叫方法，由此可見，computed的效能較好，所以如果對於計算那些不經常變更的資料，推薦使用computed。
03 Vue的基礎語法（繫結屬性）
new vue 執行結果 兩種方式 物件語法 陣列語法 物件語法 用法一 直接通過 繫結乙個類 用法二 也可以通過判斷,傳入多個值 class active isactive,line isline hello world！用法三 和普通的類同時存在,並不衝突 注 如果isactive和isline...
03 vue元件技術
01 vue語法基礎 02 vue資料繫結與指令 03 vue元件技術 04 vue單檔案元件定義與使用 元件是vue.js最強大的功能之一。元件是可復用的vue例項，且帶有乙個名字，通過元件封裝可重用的 在較高層面上，元件是自定義元素。元件名對應標籤名，標籤名不允許出現大寫字母，因此元件名包含多個...
03 Vue入門系列之Vue列表渲染及條件渲染實戰
有時候我們要根據資料的情況，決定標籤是否進行顯示或者有其他動作。最常見的就是，渲染的時候，如果 沒有資料，就顯示無資料。如果有資料就顯示 資料。vue幫我們提供了乙個v if的指令，幫助我們完成判斷的模板處理。data v if指令可以根據資料繫結的情況進行插入標籤或者移除標籤。當然，如果熟悉js的...