元件與元件之間傳遞資料
vm例項中的data中的變數msg
元件自定義標籤中繫結 :title=」msg」
元件配置中增加 props:[『title』]
template: '
}h1>'
指vue例項或者元件從開始到結束的每乙個階段
鉤子函式
beforecreate
在例項初始化之後，資料觀測 (data observer) 和 event/watcher 事件配置之前被呼叫
created
在例項建立完成後被立即呼叫
beforemount
在掛載開始之前被呼叫：相關的 render 函式首次被呼叫
該鉤子在伺服器端渲染期間不被呼叫
mounted
el 被新建立的 vm.$el 替換，並掛載到例項上去之後呼叫該鉤子
beforeupdate
資料更新時呼叫
updated
由於資料更改導致的虛擬 dom 重新渲染和打補丁，在這之後會呼叫該鉤子
beforedestroy
例項銷毀之前呼叫
在這一步，例項仍然完全可用
destroyed
vue 例項銷毀後呼叫
呼叫後，vue 例項指示的所有東西都會解繫結，所有的事件***會被移除，所有的子例項也會被銷毀
當瀏覽器位址列的雜湊值發生改變的時候觸發
單頁應用
效率高，使用者體驗好
使用錨點決定顯示哪個元件
href="#/aaa">
a>
hashchanged
location.hash
路由位址『/***/:yyy』
this.#route.params.yyy
動態路由
定義路由元件
定義路由
例項化路由物件
props傳值
1.監聽data中定義的屬性
watch：｛
msg：function（new,old）{} //當msg變化就會觸發函式
｝
2.監聽路由物件$route
Vue的元件和路由
元件 component 是 vue.js 最強大的功能之一。元件可以擴充套件 html 元素，封裝可重用的 在較高層面上，元件是自定義元素，vue.js 的編譯器為它新增特殊功能。元件是對特點功能 html,css,js 的封裝,通過元件的名字可以重複 利用該元件中的 1全域性元件 全域性元件的語...
vue 函式 路由跳轉 vue路由和元件通訊
vuex通訊 new乙個 store物件，我們專案裡用了三個屬性，state 響應式更新資料，取值 action 可以非同步方法，但是其原理是觸發mutation函式，賦值 mutation 只能是同步方法，賦值 還有getter 相當於計算屬性 computed module 在入口函式匯入路徑m...
vue路由跳轉子元件 Vue實現路由跳轉和巢狀
一 配置 router 用 vue cli 建立的初始模板裡面，並沒有 vue router，需要通過 npm 安裝 cnpm i vue router d 安裝完成後，在 src 資料夾下，建立乙個 routers.js 檔案，和 main.js 平級 然後在 router.js 中引入所需的元件...