Vue開發小技巧

2021-09-28 15:12:55 字數 750 閱讀 4380

vue 3.x 的pre-alpha 版本。後面應該還會有 alpha、beta 等版本,預計至少要等到 2020 年第一季度才有可能發布 3.0 正式版;

所以應該趁還沒出來加緊打好 vue2.x 的基礎;

vue基本用法很容易上手,但是有很多優化的寫法你就不一定知道了,本文從列舉了 36 個 vue 開發技巧;

後續 vue 3.x 出來後持續更新.

1.場景:如頁面需要匯入多個元件,原始寫法:

import titlecom from '@/components/home/titlecom'

import bannercom from '@/components/home/bannercom'

import cellcom from '@/components/home/cellcom'

components:

2.這樣就寫了大量重複的**,利用 require.context 可以寫成

const path = require('path')

const files = require.context('@/components/home', false, /\.vue$/)

const modules = {}

files.keys().foreach(key => )

components:modules

這樣不管頁面引入多少元件,都可以使用這個方法

3.api 方法

vue開發小技巧 持續更新

1.以前的寫法 import veevalidate from vee validate 表單驗證 import from vant vue.use veevalidate vue.use button vue.use lazyload 懶載入 vue.use popup vue.use toast...

wince C 開發 小技巧

1 我們知道,在使用windows的開發機上用c 啟動乙個外部程式的方法有很多,但這些方法用在使用wince的目標工控機上都無能為力,現在小嫚儿以開啟乙個ie為例,介紹如何在wince下使用c 來開啟乙個外部檔案 首先新增命名空間 using system.runtime.interopservic...

Web開發小技巧

獲取客戶端ip public static string getclientip if null result result string.empty return result 獲取伺服器真實路徑 public static string getserverurl region 資料快取 獲取當前...