在一個頁面中，如果有程式碼重複的內容，那你可以將其抽出來，用Vue註冊成區域性元件；在一個Web系統中，如果有多個頁面有共同的程式碼，那你可以將其抽出來，用Vue註冊成全域性元件。
元件可以擴充套件 HTML元素，封裝可重用的程式碼。讓我們可以用獨立可複用的小元件來構建大型應用。其實，不用元件也可以，只是複製貼上多了，鍵盤容易壞(這裡瞎說的，別當真)。
其實，如果你用第3方現成的元件庫的話，自定義元件，用得很少，甚至不用，我這邊就很少用，但這是一個知識點，你還是學一下比較好。
11.1 區域性註冊在一個頁面中，將其重複的內容抽出來，註冊成元件，比如我想在一個頁面中，多次出現介紹老陳的情況，我就將其註冊成元件<laochen>。在需要用的地方直接引進<laochen></laochen>這個元件即可，以此來達到複用的目標。其實我用老陳做元件，就是為了尋找存在感。哈哈~~
11.2 全域性註冊如果在整個Web系統中，有重複程式碼存在的話，那可以將共同的內容，放到一個js檔案中。之後，在需要用到的頁面進行引進即可。
自己新建一個c.js檔案並在裡面敲入如下內容。如果你不叫老陳，那你可以改成老王，老劉，老李，老林，老油條......，你喜歡就好。
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Vue3.0元件註冊</title> <script src="vue.global.js"></script> <script src="c.js"></script></head><body><div id="app"> <laochen></laochen> <hr style="background-color:green;height: 1px"/> <laochen></laochen></div><script> const app = Vue.createApp({ components: { 'laochen': ComponentA } }) app.mount('#app')</script></body></html>輸出結果
#前端##Vue.js##JavaScript##程式設計師##Web#
最新評論