在Vue.js中，可以使用v-model指令綁定表單元素的值。當我們開始編輯表單元素時，其值被更新到Vue.js實例中。然而，當表單元素的初始值需要從Vue.js實例中獲取時，我們需要使用v-bind指令的一個變種——v-bind:value或簡寫：而且，我們可以在v-bind指令中使用表達式或計算屬性來動態計算初始值。

<template>
<div>
<input v-bind:value="inputValue">
</div>
</template>
<script>
export default {
data() {
return {
inputValue: 'default value'
}
}
}
</script>

在這個例子中，我們使用v-bind:value指令綁定元素的初始值。這個值從Vue.js實例的inputValue屬性中獲取，該屬性的默認值為"default value"。

我們可以使用計算屬性來動態計算初始值。例如，我們可以從傳入組件的prop中獲取初始值：

<template>
<div>
<input v-bind:value="currentValue">
</div>
</template>
<script>
export default {
props: {
initialValue: {
type: String,
default: ''
}
},
computed: {
currentValue: {
get() {
return this.initialValue
},
set(newValue) {
this.$emit('input', newValue)
}
}
}
}
</script>

在這個例子中，我們使用了一個prop稱為initialValue，它的類型為字符串。我們使用計算屬性currentValue根據初始值獲取和設置元素的值。我們使用了get和set方法分別從初始值獲取當前值，和從元素中獲得的新值進行更新。