新建子元件inputdiv.vue:
class=
"sessionlistbox_footer_input"
contenteditable=
"true"
ref=
"inpmsgref"
v-text=
"msg"
@input=
"inputmsg"
@focus=
"islocked = true"
@blur=
"islocked = false"
>
父元件直接使用
```bash
"inpmsg"
>
已經解決了雙向繫結資料後造成游標一直在處於第乙個字元前面，輸入順序錯亂的問題（如輸入12345，得到54321）。
就我本人使用，還遇到了一點小問題，我的輸入框一開始是隱藏的，每次當我關閉輸入框，重新開啟的時候，輸入的第乙個字元游標依然不能正常移動（輸入12345，得到23451）。在父元件使用的時候，把雙向繫結的初始值由空字串』』 ===>變成帶乙個空格的空字串』 』
Vue 自定義元件雙向繫結
無論在任何的語言或框架中，我們都提倡 的復用性。對於vue來說也是如此，相同的 邏輯會被封裝成元件，除了復用之外，更重要的是統一管理提高開發效率。我真就接手過乙個專案，多個頁面都會用到的列表，沒有去封裝列表元件，只要有一點改動，每個頁面都得加上。很肯定的說，沒有用元件化開發的vue專案是沒有靈魂的。...
自定義元件實現v model雙向繫結
v model是乙個特殊的語法糖，相當於繫結了 value和 input兩個命令。所以，v model在使用時，需要繫結value和要響應input這個事件。子元件內的全部 實現 props的作用 在這裡接收元件在外部使用時，v model傳進來的值。傳進來的值不能修改，否則會違反vue單向資料流的...
Vue自定義元件資料的雙向繫結方法
最近在學習餓了麼的vue專案製作的課件，課件內容給了我很大的啟發。在開發過程中，資料的單一性可以讓功能更加的安全。之前對vue的學習，更多的停留在父子單向資料繫結，當子元件資料變化時，無法直接影響到父元件。經過這段時間的學習，慢慢找到了一些資料雙向繫結的方法，稍微做了一下總結。v model本質上就...