vue 懶人 Vue自動化註冊(懶人專屬)

2021-10-16 23:34:13 字數 1066 閱讀 7924

一、認識require.contex()

require.contex()是什麼,用一句很簡單的話說就是檢索資料夾放回滿足條件的檔案。

require.contex()有三個引數:

require.context(directory, usesubdirectories = false, regexp = /^\.\//)

directory是你要檢索檔案的相對路徑,相對require.contex()所在檔案的路徑,例:./base;

這裡做個相對路徑知識補充

/ 代表當前路徑

./ 代表當前的根目錄路徑

../ 代表當前上一級目錄路徑

複製**

usesubdirectories是否要檢索該目錄下的子級目錄,預設是false不檢索,true為檢索;

regexp是用正規表示式匹配你要檢索的檔名例:/index.vue$/。

require.contex()返回乙個require 函式:

function webpackcontext(req) ;

require_modules.keys().foreach(item => {

const filename = item.slice(2, -3);

const module_name = camelcase(filename);

const module_config = require_modules(item).default;

//通過require_modules(item)匯出檔案內容。在檔案中時通過 export.default 匯出的,所以後邊加.default

modules[module_name] = {

...module_config,

const debug = process.env.node_env !== 'production';

const store = new vuex.store({

strict: debug,

modules: {

...modules,

複製**

四、自動化註冊路由

待續…………

vue 懶人 vue專案中常用的

v show控制頁面的切換,隱藏顯示 在要加事件的地方,加 click.stop.prevent card 在要隱藏顯示元件的地方,加v show showcard 如圖 2.購物車的單選按鈕,選中商品功能,介面裡面沒有字段,是監聽不到的,通過 set設定乙個不存在的變數,放在data裡面,兩種方法...

vue防抖註冊全域性 Vue自動化註冊全域性元件指令碼

今天有乙個idea,vue一些元件,可能會全域性都用到,我覺得在main.js寫 vue.component name,instance 然後很命令式,寫著也不好看,想著能夠有乙個函式可以指定載入比如components下的檔案,自動完成全域性化註冊,想起來就很帥 放 export function...

Vue基礎元件自動化全域性註冊

vue中有很多基礎的元件可以自動化註冊使用 在src components下面建立 basecomponents basevue.vue the vue build version to load with the import command runtime only or standalone ...