Vue框架是以資料驅動頁面達成畫面上的資料更新,和原生JavaScript的不同在於,原生需要明確的知道要更改的元素,做出明確的指令才能進行資料的更改。
<div id="app">
<p>Name: <span id="name"></span></p>
<p>Age: <span id="age"></span></p>
</div>
const person = { name: 'John', age: 30 };
document.getElementById('name').textContent = person.name;
document.getElementById('age').textContent = person.age;
上述的若要將id='name'進行資料的更改,必須使用dom進行修改。
---待更新