Vue的ref是一個非常方便的工具，可以讓開發者快速獲取頁面中的DOM元素或實例，但是，有時候我們需要動態給ref賦值，這就需要使用vue ref動態賦值。

在Vue中，靜態給ref賦值是非常簡單的：在需要獲取的元素上添加ref屬性，然后通過this.$refs.xxx來獲取即可（xxx為ref的屬性值）。但是，有時候需要動態指定ref的名稱，例如需要多次循環渲染組件時使用時，這時就需要使用vue ref動態賦值。

下面來看一個動態給ref賦值的例子。假設我們需要渲染一個列表，并且需要獲取每個列表項的DOM元素，可以這樣寫：

<template>
<div>
<ul>
<li v-for="(item, index) in list" :key="index">
<div ref="'item' + index">{{ item }}

可以看到，我們在渲染列表項時，動態給每個div元素添加了ref屬性，屬性值為字符串"'item' + index"。然后在mounted鉤子函數中，遍歷列表項，通過this.$refs['item' + i]來獲取每個div元素的實例。

需要注意的是，動態賦值的ref名稱必須為字符串，不能是變量。因此如果需要使用變量作為ref名稱，可以使用一個對象來保存所有的ref，例如：

<template>
<div>
<div v-for="(item, index) in list" :key="index" :ref="getRef(index)">{{ item }}

這個例子中，我們使用了一個refs對象來保存所有的ref名稱，然后通過getRef方法返回一個字符串類型的ref名稱，在渲染div元素時動態綁定ref屬性。在mounted鉤子函數中，通過this.refs[i]來獲取每個div元素的實例。

總之，Vue的ref是開發者非常常用的工具，可以幫助我們快速獲取頁面中的DOM元素和組件實例。并且，使用動態賦值的ref名稱可以為我們帶來更多的靈活性，幫助我們解決更多的開發問題。