版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡介
全局組件
1、Vue定義全局變量全局組件的幾種方式
2、注冊及使用全局組件
學(xué)習(xí)目標(biāo)
1、了解Vue定義全局變量全局組件的幾種方式
2、掌握如何注冊及使用全局組件
在vue中，有很多vue組件，這些組件每個(gè)都是一個(gè)文件；都可能需要引用到相同模塊(或者插件)。
基于vue.js編寫的插件可以用Vue.use。Vue定義全局變量全局組件的幾種方式如果想添加一個(gè)全局命令，又讓每個(gè)vue的文件都能用到的步驟：第一步：最好建立一個(gè)全局的命令文件例如：directive/directive.js
第二步：利用Vue.directive()建立一個(gè)全局命令，并將它暴露出來，例如一個(gè)focus讓表單自動(dòng)聚焦。Vue定義全局變量全局組件的幾種方式第三部步：在main.js（入口JS文件）中將它引入，可以省略文件后綴。
任何一個(gè)Vue文件只要這樣v-focus(命令名)，就可以很方便的用到。Vue定義全局變量全局組件的幾種方式
Vue.directive()的命令一般都是自動(dòng)運(yùn)行的或者說初始化等等觸發(fā)的，并不能用于異步事件，怎么辦？于是用到‘mixins’混合命令，最好建立一個(gè)專門的文件夾用于存放混合命令，例如（下一頁截圖）：
Vue定義全局變量全局組件的幾種方式Vue定義全局變量全局組件的幾種方式
saveScrollPosition每次在路由跳轉(zhuǎn)之間保存住瀏覽位置信息。
注意：vue2.0中路由跳轉(zhuǎn)之間會(huì)自動(dòng)保存位置信息，但是有Bug，所以從新寫一個(gè)saveScrollPosition暴露出去后，在需要的頁面中混入。
Vue定義全局變量全局組件的幾種方式
全局組件案例，注冊一個(gè)簡單的全局組件mycomponent，并使用它：
注冊及使用全
溫馨提示
- 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫網(wǎng)僅提供信息存儲(chǔ)空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 2024年金華市教育局所屬金華第一中學(xué)招聘考試真題
- 大田流轉(zhuǎn)合同范本
- 影院裝修合同標(biāo)準(zhǔn)樣本
- 2024年大理州巍山縣南詔鎮(zhèn)社區(qū)衛(wèi)生服務(wù)中心招聘職工考試真題
- 2025年養(yǎng)雞場租賃及養(yǎng)殖廢棄物資源化利用合同
- 二零二五年度法院裁決離婚協(xié)議書及共同債務(wù)承擔(dān)與子女撫養(yǎng)協(xié)議
- 2025年度科技創(chuàng)新大賽贊助冠名權(quán)協(xié)議
- 2025年度人美容院與心理咨詢師聯(lián)合心理美容服務(wù)合同
- 2025年度房屋買賣合同涉及產(chǎn)權(quán)登記及過戶流程
- 2025年度個(gè)人股份期權(quán)授予合同模板（科技初創(chuàng)）
- 新版《醫(yī)療器械經(jīng)營質(zhì)量管理規(guī)范》(2024)培訓(xùn)試題及答案
- 2025年人教版數(shù)學(xué)五年級下冊教學(xué)計(jì)劃（含進(jìn)度表）
- 2024年我國人口老齡化問題與對策
- 部編人教版二年級道德與法治下冊同步練習(xí)（全冊）
- 99S203 消防水泵接合器安裝圖集
- 寶石學(xué)基礎(chǔ)全套課件
- 手術(shù)風(fēng)險(xiǎn)及醫(yī)療意外險(xiǎn)告知流程
- 綜合實(shí)踐活動(dòng)六年級下冊 飲料與健康課件 (共16張PPT)
- 數(shù)量金融的概況和歷史課件
- 專業(yè)醫(yī)院lovo常用文件產(chǎn)品介紹customer presentation
- 叉車日常使用狀況點(diǎn)檢記錄表（日常檢查記錄）
評論
0/150
提交評論