Vue.js是一款前端JavaScript框架，它的出現讓web前端開發變得更加高效和方便。在Vue框架中，有一個很常用的功能是script腳本，用來添加一些JavaScript代碼。這些代碼可以動態修改頁面，實現一些動態交互的效果。下面我們就來詳細了解一下script用法在Vue中的具體應用。

//Vue模板示例
{{ message }}
//Vue實例
var app = new Vue({
el: '#app',
data: {
message: 'Hello Vue!'
}
})
//動態修改數據
app.message = 'Hello World!'

在Vue中，我們可以使用script標簽來添加JavaScript代碼，它可以被Vue框架進行解析和處理。在上面的示例中，我們可以看到如何使用Vue來創建一個模板，然后將其綁定到一個id為“app”的HTML元素上。其中，data屬性中的message是我們需要渲染的部分，使用雙花括號來進行渲染。在 Vue 的實例中，我們可以定義各種各樣的屬性和方法來動態地修改數據.

//Vue模板示例
鼠標懸停幾秒鐘查看此處動態綁定的提示信息！
//Vue實例
var app2 = new Vue({
el: '#app-2',
data: {
message: '頁面加載于 ' + new Date().toLocaleString()
}
})

除此之外，我們還可以使用Vue的指令來實現更加復雜的功能。例如，其中v-bind方法可以實現動態綁定HTML元素的屬性值，從而實現動態交互的效果。在上述示例中，我們將一個span標簽的title屬性綁定到了data中的message屬性上。這樣，在頁面上鼠標懸停該元素時，就會顯示message屬性的值，達到動態提示的效果。

//Vue模板示例
現在你看到了我
//Vue實例
var app3 = new Vue({
el: '#app-3',
data: {
seen: true
}
})

除了v-bind指令，Vue還提供了一些常用的指令來實現不同的交互效果。例如，在上述示例中，我們使用v-if指令來判斷一個HTML元素是否應該渲染出來。如果seen屬性為true，這個p元素就會在頁面上顯示出來，否則就會被隱藏。通過這些指令的靈活使用，我們可以實現多種復雜的動態頁面交互效果。