原创 Vue多個元素的過渡

多個元素的過渡   對於原生標籤可以使用 v-if/v-else 。最常見的多標籤過渡是一個列表和描述這個列表爲空消息的元素: <transition> <table v-if="items.length > 0">

原创 Vue自定義事件

Vue自定義事件事件名自定義組件的v-model將原生事件綁定到組件.sync修飾符 事件名   不同於組件和 prop,事件名不存在任何自動化的大小寫轉換。而是觸發的事件名需要完全匹配監聽這個事件所用的名稱。舉個例子,如果觸發一

原创 Vue插槽

插槽新語法插槽內容編譯作用域後備內容具名插槽作用域插槽獨佔默認插槽的縮寫語法解構插槽 Prop動態插槽名具名插槽的縮寫其他示例廢棄了的語法帶有 slot 特性的具名插槽帶有 slot-scope 特性的作用域插槽 新語法   在

原创 Vue初始渲染過渡

初始渲染的過渡   可以通過 appear 特性設置節點在初始渲染的過渡 <transition appear> <!-- ... --> </transition>   這裏默認和進入/離開過渡一樣,同樣也可以自定義 CS

原创 Vue多個組件的過渡

Vue多個組件的過渡   多個組件的過渡簡單很多 - 我們不需要使用 key 特性。相反,我們只需要使用動態組件: <transition name="component-fade" mode="out-in"> <compo

原创 Vue組件基礎

組件基礎基本示例組件的複用組件的組織通過prop向子組件傳遞數據單個根元素監聽子組件事件使用事件拋出一個值在組件上使用 v-model通過插槽分發內容動態組件解析DOM模板時的注意事項 基本示例 這裏有一個 Vue 組件的示例:

原创 Zookeeper的安裝

Zookeeper的安裝 zookeeper的下載 安裝Zookeeper需要JDK環境,JDK環境的搭建可參考Linux安裝JDK詳細步驟 Zookeeper的下載方式: 直接在Linux上下載壓縮包:wget http://

原创 解決方案:Version is duplicate of parent version

Version is duplicate of parent version 在搭建聚合工程時,Maven報Version is duplicate of parent version問題 解決方案 Window > Prefer

原创 Vue組件註冊

Vue組件註冊組件名組件名大小寫使用 kebab-case使用 PascalCase全局註冊局部註冊模塊系統在模塊系統中局部註冊基礎組件的自動化全局註冊 組件名   在註冊一個組件的時候,我們始終需要給它一個名字。比如在全局註冊的

原创 Vue單元素/組件的過渡

單元素/組件的過渡過渡的類名CSS 過渡CSS 動畫自定義過渡的類名同時使用過渡和動畫顯性的過渡持續時間JavaScript 鉤子   Vue 提供了 transition 的封裝組件,在下列情形中,可以給任何元素和組件添加進入/

原创 如何實現遠程通信?

如何實現遠程通信? Webservice:效率不高基於soap協議,項目中不建議使用。 使用RestFul形式的服務:http+json,很多項目中應用。如果服務太多,服務間的調用關係混亂,需要治療服務。 使用Dubbo:使用r

原创 表單輸入綁定基礎用法

表單輸入綁定綜述文本多行文本複選框單選按鈕選擇框 綜述   可以使用v-model指令在<input>、<textarea>及select元素中創建雙向數據綁定。它會根據控件類型自動選取正確的方式來更新元素。v-model本身只是

原创 Vue可複用的過渡

可複用的過渡   過渡可以通過 Vue 的組件系統實現複用。要創建一個可複用過渡組件,你需要做的就是將 <transition> 或者 <transition-group> 作爲根組件,然後將任何子組件放置在其中就可以了。 使用

原创 問題解決:An error occured while filtering resources

問題   當Maven工程pom.xml文件修改後報錯 解決方案 右鍵項目->Maven->Update Project即可解決

原创 Vue列表過渡

列表過渡前言列表的進入/離開過渡列表的排序過渡列表的交錯過渡 前言 目前爲止,關於過渡我們已經講到: 單個節點 同一時間渲染多個節點中的一個   那麼怎麼同時渲染整個列表,比如使用 v-for ?在這種場景中,使用 <tran