...
...'root'
>
<
/div>
/* 父元件向子元件傳多個引數時，可以將要傳的引數置入params中，呼叫子元件時直接繫結v-bind="params"
等同於將引數乙個乙個展開傳遞形式
例如：v-bind='params' <=> :content ='params.content' 其餘引數類似
元件傳參時，引數名建議不要使用駝峰，html不支援駝峰，會將其自動轉化為小寫 ，建議可以使用短橫線拼接，作為單詞間間隔
子元件接收時要做乙個駝峰式變數去接收
即：屬性傳遞時候使用content-abc命名
接收時候使用contentabc命名
單項資料流：父元件可以向子元件傳遞資料，但是父元件的資料，子元件無法修改
即子元件可以使用父元件傳遞過來的資料，但絕對無權修改
可以避免元件間的資料耦合，讓**維護性更好，也可以避免之後的一些潛在性bug
*/(,
content2:
'cecc'}}
, methods:}}
)// 全域性元件-測試
component
('test'
,}--}--}---}----aaaaaa}'}
)/* 注意：使用元件時需要先註冊完元件再將該vue例項掛載到root元素上 */
/* vm代表的就是vue應用的根元件
vm獲取根節點上資料，呼叫data時，data前加乙個$,操作vm時，資料改變，檢視也會自動發生改變
如果該資料是根資料，也可以直接vm. 呼叫
*/mount
('#root'
)<
/script>
<
/body>
......
vue 單向資料流 雙向繫結
在react中是單向資料繫結，而在vue中的特色是雙向資料繫結。但是其實就我個人的理解是 其實無論是vue還是react其實還是提倡單向資料流去管理狀態，這一點在vuex和redux狀態管理器上體現的很明顯。只是vue為ui控制項提供了雙向資料繫結的方式，在一些需要實時反應使用者輸入的場合會非常方便...
單向資料流
props是單向繫結的，當父元件的屬性變化時，將傳導給子元件，但是不會反過來 而且不允許子元件直接修改父元件中的資料，報錯 解決方式 方式1 如果子元件想把它作為區域性資料來使用，可以將資料存入另乙個變數中再操作，不影響父元件中的資料 方式2 如果子元件想修改資料並且同步更新到父元件，兩個方法 a....
單向資料流
doctype html html lang en head meta charset utf 8 title vue title script src bower components vue dist vue.js script head body div id box aaa aaa div ...