在前端開發(fā)中，我們經(jīng)常需要使用隨機(jī)數(shù)，而在Vue中，要取隨機(jī)數(shù)有許多方法。

// 方法一：使用Math.random()生成一個(gè)0到1之間的隨機(jī)數(shù)，不包括1，然后乘以一個(gè)數(shù)并取整
const randomNum1 = Math.floor(Math.random() * 10)
// 方法二：使用Vue的$random對(duì)象的integer方法，直接取整隨機(jī)數(shù)
const randomNum2 = this.$random.integer(10, 20)
// 方法三：使用lodash庫(kù)的random方法來(lái)生成隨機(jī)數(shù)
const randomNum3 = _.random(10, 20)

第一種方法比較簡(jiǎn)單，通過(guò)乘以一個(gè)數(shù)并取整得到隨機(jī)整數(shù)。需要注意的是，這里Math.random()方法生成的隨機(jī)數(shù)范圍是0到1，不包括1，即[0,1)。如果要取到10以內(nèi)的隨機(jī)整數(shù)，需要乘以10再取整。

第二種方法是使用Vue官方提供的$random對(duì)象的integer方法，直接取整隨機(jī)數(shù)。$random對(duì)象是Vue在2.2版本中新增的全局API，它提供了眾多的隨機(jī)數(shù)生成方法，如integer、float、pick等，其中integer方法用于生成整數(shù)隨機(jī)數(shù)。

第三種方法使用lodash庫(kù)的random方法生成隨機(jī)數(shù)，需要先安裝lodash庫(kù)。使用Lodash生成隨機(jī)數(shù)的好處是可以生成更復(fù)雜的隨機(jī)數(shù)，比如可以生成一個(gè)范圍內(nèi)的小數(shù)隨機(jī)數(shù)。

// 方法一和方法二生成10以內(nèi)的整數(shù)隨機(jī)數(shù)，代碼已貼出
// 方法三生成10到20之間含20的整數(shù)隨機(jī)數(shù)
const randomNum4 = _.random(10, 20, true)

在生成隨機(jī)數(shù)時(shí)，還需要注意一些細(xì)節(jié)問題。

首先，如果需要生成一個(gè)范圍內(nèi)的隨機(jī)數(shù)，要注意左右邊界是否包括在內(nèi)。如上述代碼中，第三種方法生成一個(gè)10到20之間含20的整數(shù)隨機(jī)數(shù)，其中第三個(gè)參數(shù)為true表示包含20。

其次，如果需要生成一組不重復(fù)的隨機(jī)數(shù)，可以先生成一個(gè)包含所有元素的數(shù)組，然后打亂數(shù)組順序后取前n個(gè)元素即可。如下面的代碼：

// 生成數(shù)組
const arr = Array.from({ length: 20 }, (_, index) =>index)
// 打亂數(shù)組順序
const shuffledArr = _.shuffle(arr)
// 取隨機(jī)數(shù)
const randomArr = shuffledArr.slice(0, 5)

最后，對(duì)于需要頻繁生成隨機(jī)數(shù)的情況，可以將生成函數(shù)封裝成一個(gè)組件，方便后續(xù)調(diào)用。