目錄效果如下
主要參考vue官網上的自定義事件，父元件v-bind給子元件傳引數，子元件利用props來接受父元件那邊傳過來的引數。我們還會遇到乙個問題，怎麼實時拿到props的值給data裡面的值呢？其實很簡單，利用watch屬性監聽props某個值的變化，把新的值給data；
拿值拿到了，就根據業或ui的需求實現頁面...
**寫啊寫，邏輯走啊走，得到我們最終要的那個值後，怎麼把它從子元件裡面傳出來給父元件呢？其實我們可以利用.sync修飾符對prop進行」雙向資料繫結」：子元件emit發射事件，父元件監聽這個事件然後更新乙個本地資料。
我們推薦以 update:mypropname 的模式觸發事件取而代之。舉個例子，在乙個包含 title prop 的假設的元件中，我們可以用以下方法表達對其賦新值的意圖：
this.$emit('update:title', newtitle)
-------------子元件在上面，父元件**在下，可以參考vue官網------------------------------
男女
實現**
z-index: 999;
position: relative;
input
}position: absolute;
z-index: 999;
width: 100%;
background-color: #9dc1ff;
background-color: white;
border: 1px solid #ccc;li}
}}
注意項修飾符asyc是支援物件，陣列等的哈哈。
支援縮寫成這個樣子，連props的那個都不用寫哈，一直錯了好久哈。
仿百度搜尋框
1.設定和搜尋框兩個div fieldset,input,button,img ul,ol img box textsearch buttonsearch buttonsearch hover pop pop ul li pop ul li hover 3.js實現搜尋自動補充 獲取物件 var b...
仿百度搜尋顯示下拉框（一）
1 邏輯分析 事件分析 在輸入框中輸入值後，下拉框即顯示，根據非同步載入得到的資訊，將資料顯示在下拉框中，此事件為獲得焦點元素事件 此事件我也有點模糊 keyup事件 後台技術分析 獲得到文字框的輸入值name後，我們通過ajax技術，非同步去資料庫查詢資料，這裡我們一般使用模糊查詢like，只要包...
Vue 百度搜尋下拉提示框
一 vue.js框架 1 乙個mvvm框架 2 vue的好處 簡單，易上手，個易維護，更適合移動端，不足 不相容低版本ie 3 指令 v model v for 這些都稱為指令 4 事件 事件已v on 開頭，縮寫是 click 一條原本的介面 去掉多餘的 wd a這個是使用者搜尋的內容，a在下文被...