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

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

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

除了插值表達式，Vue還提供了許多指令來實現更豐富的交互效果。比如，v-bind指令可以動態地將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指令動態地將img元素的src屬性綁定到Vue實例的imageSrc屬性。當我們更新imageSrc屬性的值時，img元素的src屬性也會相應地更新。

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

<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指令動態地將按鈕的點擊事件綁定到Vue實例的greet方法。當按鈕被點擊時，greet方法會被調用，彈出一個包含“Hello Vue!”的警告框。

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