資訊專欄INFORMATION COLUMN
摘要：計(jì)算屬性與監(jiān)視方法計(jì)算屬性計(jì)算屬性，顧名思義是可以計(jì)算數(shù)據(jù)的屬性，為什么要特意出個(gè)計(jì)算屬性呢，因?yàn)槿绻苯訉蓚€(gè)數(shù)據(jù)加起來的話，使用加法計(jì)負(fù)數(shù)的算雙向綁定數(shù)據(jù)時(shí)就會(huì)出現(xiàn)問題計(jì)算屬性用法代碼案例加法計(jì)算器首先計(jì)算器我們想要用戶輸入所以
計(jì)算屬性與監(jiān)視方法 計(jì)算屬性 -- computed
計(jì)算屬性，顧名思義是可以計(jì)算數(shù)據(jù)的屬性，為什么要特意出個(gè)計(jì)算屬性呢，因?yàn)関ue如果直接將兩個(gè)數(shù)據(jù)加起來的話，使用加法計(jì)負(fù)數(shù)的算雙向綁定數(shù)據(jù)時(shí)就會(huì)出現(xiàn)問題
代碼案例：加法計(jì)算器
首先計(jì)算器我們想要用戶輸入所以建立兩個(gè)雙向綁定的變量數(shù)據(jù)
在computed屬性中讓函數(shù)的返回的結(jié)果賦予變量數(shù)據(jù)c
返回語句顯示轉(zhuǎn)換將兩個(gè)雙向綁定的數(shù)據(jù)轉(zhuǎn)為Number型計(jì)算后將值返回
html部分：
+
=
{{c}}
js部分：
new Vue({
el:"body",
data:{
a:"",
b:"",
},
computed:{
c:function(){
return Number(this.a)+Number(this.b);
}
}
})
監(jiān)視方法 -- $watch
代碼案例：加法計(jì)算器
$watch 方法是當(dāng)監(jiān)聽的變量產(chǎn)生變化時(shí)會(huì)運(yùn)行它的處理函數(shù)
這個(gè)方法是Vue 實(shí)例的方法，所以創(chuàng)建一個(gè)變量a 來儲(chǔ)存創(chuàng)建儲(chǔ)存了想要監(jiān)聽的數(shù)據(jù)的Vue實(shí)例，在Vue實(shí)例后面接這個(gè)方法也是可以的。
html部分：
+
=
{{c}}
js部分：
var a = new Vue({
el:"body",
data:{
a:"",
b:"",
c:""
}
})
a.$watch("a",function(){
a.c=Number(a.a)+Number(a.b);
});
a.$watch("b",function(){
a.c=Number(a.a)+Number(a.b);
})
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/109956.html
摘要：供用戶在相應(yīng)的階段對(duì)其進(jìn)行操作。我們像下面這樣使用這個(gè)指令大多數(shù)情況下，我們只需要使用與鉤子函數(shù)。里提供了函數(shù)的簡寫形式鉤子函數(shù)有兩個(gè)常用的參數(shù)和。其他用法與全局自定義指令一致。 一、vue生命周期 vue實(shí)例從創(chuàng)建到銷毀的過程，稱為生命周期，共有八個(gè)階段。 這八個(gè)階段里分別有一個(gè)叫做鉤子函數(shù)的實(shí)例選項(xiàng)。供用戶在相應(yīng)的階段對(duì)其進(jìn)行操作。 beforeCreate(){ //組件實(shí)例剛...
摘要：供用戶在相應(yīng)的階段對(duì)其進(jìn)行操作。我們像下面這樣使用這個(gè)指令大多數(shù)情況下，我們只需要使用與鉤子函數(shù)。里提供了函數(shù)的簡寫形式鉤子函數(shù)有兩個(gè)常用的參數(shù)和。其他用法與全局自定義指令一致。 一、vue生命周期 vue實(shí)例從創(chuàng)建到銷毀的過程，稱為生命周期，共有八個(gè)階段。 這八個(gè)階段里分別有一個(gè)叫做鉤子函數(shù)的實(shí)例選項(xiàng)。供用戶在相應(yīng)的階段對(duì)其進(jìn)行操作。 beforeCreate(){ //組件實(shí)例剛...
摘要：供用戶在相應(yīng)的階段對(duì)其進(jìn)行操作。我們像下面這樣使用這個(gè)指令大多數(shù)情況下，我們只需要使用與鉤子函數(shù)。里提供了函數(shù)的簡寫形式鉤子函數(shù)有兩個(gè)常用的參數(shù)和。其他用法與全局自定義指令一致。 一、vue生命周期 vue實(shí)例從創(chuàng)建到銷毀的過程，稱為生命周期，共有八個(gè)階段。 這八個(gè)階段里分別有一個(gè)叫做鉤子函數(shù)的實(shí)例選項(xiàng)。供用戶在相應(yīng)的階段對(duì)其進(jìn)行操作。 beforeCreate(){ //組件實(shí)例剛...
摘要：在有時(shí)候，組建也可以是原生的元素。簡單的說，就是組件是有結(jié)構(gòu)的有樣式的，有交互效果，有行為，信號(hào)量可以存數(shù)據(jù)。組件可以通過屬性開設(shè)置。 一、什么是組件？ 組件是vue.js最強(qiáng)大的功能之一，它可以擴(kuò)展HTML元素，封裝可以重用的代碼. 當(dāng)然，在更高的層面上，組件是自定義元素，vue.js的編譯器為它添加了特殊功能。 在有時(shí)候，組建也可以是原生的HTML元素。 簡單的說，就是組件是有結(jié)構(gòu)...
閱讀 993·2021-09-07 09:58
閱讀 1560·2021-09-07 09:58
閱讀 2942·2021-09-04 16:40
閱讀 2553·2019-08-30 15:55
閱讀 2486·2019-08-30 15:54
閱讀 1416·2019-08-30 15:52
閱讀 485·2019-08-30 10:49
閱讀 2652·2019-08-29 13:21
