在Vue 1.0中，交互是通過數(shù)據(jù)綁定和指令來實現(xiàn)的。數(shù)據(jù)綁定可以將數(shù)據(jù)和DOM元素實時同步。我們可以在Vue實例的數(shù)據(jù)對象中定義要綁定的數(shù)據(jù)，然后在模板中使用插值表達(dá)式或指令來綁定數(shù)據(jù)。比如，我們可以把數(shù)據(jù)對象中的message綁定到一個展示消息的h1元素上：

<div id="app">
<h1>{{ message }}</h1>
</div>
<script>
var vm = new Vue({
el: '#app',
data: {
message: 'Hello Vue!'
}
})
</script>

在上面的例子中，插值表達(dá)式“{{ message }}”會動態(tài)地將Vue實例的data對象中的message屬性的值顯示在h1元素中。

除了插值表達(dá)式，Vue還提供了許多指令來實現(xiàn)更豐富的交互效果。比如，v-bind指令可以動態(tài)地將HTML屬性和對象的屬性綁定起來。我們可以使用v-bind來將圖片的src屬性和Vue實例的imageSrc屬性綁定：

<div id="app">
<img v-bind:src="imageSrc">
</div>
<script>
var vm = new Vue({
el: '#app',
data: {
imageSrc: 'https://example.com/images/logo.png'
}
})
</script>

在上面的例子中，v-bind指令動態(tài)地將img元素的src屬性綁定到Vue實例的imageSrc屬性。當(dāng)我們更新imageSrc屬性的值時，img元素的src屬性也會相應(yīng)地更新。

另一個常用的指令是v-on指令。v-on指令用于監(jiān)聽DOM事件，當(dāng)事件觸發(fā)時，可以執(zhí)行Vue實例中的方法。比如，我們可以使用v-on指令來監(jiān)聽按鈕的點擊事件：

<div id="app">
<button v-on:click="greet">Say hello</button>
</div>
<script>
var vm = new Vue({
el: '#app',
methods: {
greet: function () {
alert('Hello Vue!')
}
}
})
</script>

在上面的例子中，v-on指令動態(tài)地將按鈕的點擊事件綁定到Vue實例的greet方法。當(dāng)按鈕被點擊時，greet方法會被調(diào)用，彈出一個包含“Hello Vue!”的警告框。

除了上述指令之外，Vue還提供了許多其他的指令，比如v-for、v-if、v-show等，可以讓我們更方便地操作DOM元素和數(shù)據(jù)。這些指令使得Vue 1.0在交互方面表現(xiàn)出色，成為了前端開發(fā)中不可或缺的工具。