自定義全域性外掛程式 元件

使用指令建立專案：

執行專案，看專案能否正常執行：

執行結果說明專案能正常執行：

在官網中有這樣的部分：

在生成的專案中新建該目錄：

從效果圖中看出問題：

問題描述：點選button的時候沒有發生任何改變

解決問題方法：

home.vue

在button中加入乙個click事件：

1

2class="
home
">
3vue logo
" src="
../assets/logo.png
" />45
"about button
" @click.native="
changename
">67
89

其中    .native 監聽元件根元素的原生事件

實現的效果：

Vue元件 自定義全域性元件

vue兩大核心 1.資料驅動介面改變 2.元件化 什麼是元件？什麼是元件化？在前端開發中元件就是把乙個很大的介面拆分成多個小的介面，每乙個小的介面就是乙個元件 將大介面拆分成小介面就是元件化 元件化的好處 1.可以簡化vue例項的 2.可以提高復用性 如何建立元件 三步 let profile vu...

自定義Vue 全域性元件

在 components 下建立自己的元件 primary click show 儲存 資料提交 visible.sync isok width 500px center footer class dialog footer isok false 取 消 primary click submit 確...

vue cli 自定義配置全域性元件

在components資料夾load中新建loading.vue和loading.js兩個檔案，vue檔案用來寫公共元件，js用來匯出這個元件 在loading.js中，規定了使用這個元件的名字，以及使用方法 import loading from loading.vue const loading...