Vue.js是一個前端框架，它允許開發者構建出動態的Web應用程序。Vue.js擁有多個特性，其中包括兩個核心特性：數據綁定和組件化系統。數據綁定允許我們將數據和DOM元素進行關聯，當數據發生變化時，DOM也會自動更新。而組件化系統則允許我們將整個頁面劃分為若干個組件，這些組件可以獨立開發和修改，也可以嵌套在其他組件中，從而實現任意復雜的頁面結構。

在Vue.js中，聯動多行數據是非常常見的需求。比如一個表單中，多個表單項之間需要互相協作，在某一項填寫完成后，另一項才能填寫。這時候我們可以使用v-model和watch來實現多個表單項之間的聯動。

<template>
<div>
<label>姓：</label>
<input type="text" v-model="firstName" /><br />
<label>名：</label>
<input type="text" v-model="lastName" /><br />
<p>你的全名是：{{fullName}}</p>
</div>
</template>
<script>
export default {
data() {
return {
firstName: "",
lastName: "",
};
},
computed: {
fullName() {
return this.firstName + " " + this.lastName;
},
},
};
</script>

以上代碼展示了一個非常簡單的例子，我們使用v-model指令將兩個輸入框和Vue實例中的數據進行雙向綁定，當用戶輸入信息時，數據也會同步更新。同時我們還使用computed屬性計算出full name的值，這個計算屬性會監控firstName和lastName的變化，當數據發生變化時，會自動更新full name顯示的數據。這就是Vue中的數據聯動和computed屬性實現多行聯動的方法。

總之，在Vue.js中，數據和DOM之間的聯動方式非常靈活，我們可以根據不同的需求使用v-model和watch、computed、methods、filters等不同的功能來實現多行聯動。需要注意的是，在實際開發中，我們還需要考慮代碼的可維護性和可讀性，盡量將聯動邏輯抽離成單獨的函數或方法，便于后續的維護和代碼重構。