回覆列表
-
1 # 使用者288560306698
-
2 # 使用者2458114238191884
可以用以下幾種方式:
Vue.component("component-a",{ template:"
component-a content" });或是單檔案元件
-
3 # 東北振興
先建立元件構造器,然後註冊元件就可以使用元件了。
Vue元件封裝過程: 首先,使用Vue.extend()建立一個元件, 然後,使用Vue.component()方法註冊元件, 接著,如果子元件需要資料,可以在props中接受定義, 最後,子元件修改好資料之後,想把資料傳遞給父元件,可以使用emit()方法
寫業務程式碼的時候,結合業務需求,我一段程式碼在專案裡出現兩次就開始考慮是否應該進行封裝,出現三次就肯定要封裝,大到一個頁面一個元件,小到一個function一個css class。開發過程中在考慮這些問題的時候耗費的時間可能會比真正寫程式碼的時間還要長,但是程式碼的維護成本會降低很多。不管封裝業務元件或者是基礎元件的時候,我的方法 一般是先思考下,我能給這個元件起個什麼樣的有意義名字,如果連有意義的名字都起不上來說明這個元件承擔的職責可能不夠單一,承擔的功能過多。封裝完之後也可以根據業務需求以及程式碼複用進行再拆分,再細化,所有的封裝都基於這個原則。