①使用 button 組件,並將 open-type 指定爲 getUserInfo 類型,獲取用戶基本信息html
②使用 open-data 展現用戶基本信息。vue
watch用於監聽數據變化,等同於給數據綁定的onchange事件,一旦數據值改變就會執行方法體;mounted初始化執行,在html加載以後進行,因此改變data定義變量的同時,會觸發chang事件小程序
用於綁定數據和元素屬性微信小程序
本質是一個語法糖,在表單控件或者組件上建立雙向綁定,本質上是負責監聽用戶的輸入事件以更新數據,並對一些極端場景進行一些特殊處理微信
表示元素和組件只渲染一次,不會隨着數據的改變而改變。若是顯示的信息後續不須要再修改,使用v-once,這樣能夠提升性能。性能
跳過這個元素和它的子元素的編譯過程。一些靜態的內容不須要編輯加這個指令能夠加快編輯雙向綁定
封裝組件的優勢:component
①可以把頁面抽象成多個相對獨立的模塊htm
②實現代碼重用,提升開發效率和代碼質量,使得代碼易於維護事件
過程:
①使用Vue.extend()建立一個組件;
②使用Vue.component()方法註冊組件;
③若是子組件須要數據,能夠在props中接受定義
④子組件修改好數據以後,想把數據傳遞給父組件,能夠使用emit()方法;