動態class繫結：
} 新增text 平級別的css
.text
}
}
計算屬性，方法，偵聽器
var vm = new vue(,
watch: ,
lastname: function ()
} // 計算屬性:有快取機制(當依賴的元素，沒有改變就不會再重新計算，用之前計算的結果，提高效能)
computed:
}, // computed屬性的get set方法的新增
computed: ,
set: function(value)
} }})
vue的 css樣式繫結
// 1.class的物件繫結
// div上面有個class，class的名字是activated，
它到底現不現實取決於資料裡面的isactivated變數
hello tom
// 2.class和陣列相繫結
div 元素上會顯示乙個class，顯示的class是activated變數的內容
:class="[activated, activatedone]">hello tom
data: ,
methods:
} })
// 3.style改變樣式
data:
},methods:
} })
// 使用陣列的形式
hello jim
條件渲染：v-if，v-show
v-if
v-else-if
v-else 一定要挨著，中間不能有其他的元素
頁面會盡量復用裡面的dom，使用key值的形式，可以避免這個問題。
陣列迴圈：
v-for條件迴圈, 帶上key（唯一的乙個值，盡量不使用index）
}陣列遍歷的方法：
pop 刪除最後一項
push 增加一條
shift 第一項刪除掉
unshift 往陣列第一項，加一點內容
splice 擷取陣列
sort 排序
reverse 陣列取反。
// 刪除一條，並增加一條
vm.list.splice(1, 2, )
// 改變引用位址，修改列表內容，直接讓list引用，指向另外乙個陣列。
template模板佔位符，當列表有多個元素顯示，使用template，可以減少div的層級。
template不會被真正渲染到頁面上。}}
物件屬性的迴圈：
data:
}} --}--}
vue的set方法
data:
}} --}--}
vue.set(vm.userinfo, 'address', 'beijing')
vm.$set(vm.userinfo, 'address', 'tianjing')
陣列的set方法
data:
vue.set(vm.userinfo, 1, 5)
vm.$set(vm.userinfo, 2, 16)
vue元件使用細節
當ref寫在乙個標籤元素中，通過this.refs.name 獲取的是標籤對應的dom元素 click handleclick 當ref寫在乙個元件上的時候。獲取的是乙個子元件的引用 h5有一些編碼規範 子元件不定義。不接受父元件傳過來content。子元件不能使用資料 會顯示在dom中 child...
使用RocketMQ的小細節
目錄 訊息過濾 訂閱關係一致性 總結 訊息重試 訊息冪等 總結 說到訊息過濾，就不得不說到 tag。沒錯，就是我們之前在專業術語中提到過的 tag。也稱為訊息標籤，用來標記 topic 下的不同用途的訊息。在 rocketmq 中消費者是可以按照 tag 對訊息進行過濾。舉個電商交易場景的例子，使用...
Groovy Map使用的小細節
def s hello def m m s string1 m hello string2 println m assertequals m.hello,string2 assertequals m hello string2 assertequals m.get hello string2 ass...