摘要:環(huán)境安裝完成后,開始自定義公用組件全局組件在目錄新建目錄,創(chuàng)建,寫入代碼在目錄下的加入代碼引入組件在要用的頁面加入標(biāo)簽就會(huì)出現(xiàn)內(nèi)容了局部引用如圖,即可
Vue環(huán)境安裝完成后,開始自定義公用組件
1、全局組件
在src/components目錄新建common目錄,創(chuàng)建header.vue,寫入代碼:
header in here
在src目錄下的main.js,加入代碼:
import headerTop from "./components/common/header" //引入組件 Vue.component("head-view",headerTop);
在要用的頁面加入標(biāo)簽
2、局部引用
如圖,即可
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://m.hztianpu.com/yun/103441.html
摘要:入口文件,影響全局,作用是引入全局使用的庫公共的樣式和方法設(shè)置路由等。項(xiàng)目里總會(huì)有一些復(fù)用的組件,例如彈出框發(fā)送手機(jī)驗(yàn)證碼圖片上傳等,將它們作為通用組件,避免重復(fù)工作結(jié)構(gòu)如下可以根據(jù)功能模塊建立文件夾,放置本功能會(huì)用到的通用組件。 上一篇文章 https://segmentfault.com/a/11... 介紹了項(xiàng)目里文件夾的分類和作用,這次主要說明 src 文件夾里具體的文件分類和...
摘要:入口文件,影響全局,作用是引入全局使用的庫公共的樣式和方法設(shè)置路由等。項(xiàng)目里總會(huì)有一些復(fù)用的組件,例如彈出框發(fā)送手機(jī)驗(yàn)證碼圖片上傳等,將它們作為通用組件,避免重復(fù)工作結(jié)構(gòu)如下可以根據(jù)功能模塊建立文件夾,放置本功能會(huì)用到的通用組件。 上一篇文章 https://segmentfault.com/a/11... 介紹了項(xiàng)目里文件夾的分類和作用,這次主要說明 src 文件夾里具體的文件分類和...
摘要:?jiǎn)为?dú)零散的函數(shù)在里進(jìn)行全局注冊(cè)在所有組件里可調(diào)用多個(gè)函數(shù)定義在一個(gè)對(duì)象里文件還可以在這個(gè)文件里面添加多個(gè)函數(shù)子組件 單獨(dú)零散的函數(shù) 在main.js里進(jìn)行全局注冊(cè) Vue.prototype.ajax = function (){} 在所有組件里可調(diào)用 this.ajax() 多個(gè)函數(shù)定義在一個(gè)對(duì)象里 // xx.js文件 var tools = {} tools.addNum = f...
閱讀 2051·2023-04-26 02:32
閱讀 714·2021-11-18 13:12
閱讀 2603·2021-10-20 13:48
閱讀 2693·2021-10-14 09:43
閱讀 4003·2021-10-11 10:58
閱讀 3863·2021-09-30 10:00
閱讀 3071·2019-08-30 15:53
閱讀 3655·2019-08-30 15:53