一、認識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 ...