iT邦幫忙

2023 iThome 鐵人賽

DAY 3
0
Vue.js

從零開始養:Vue篇。:.゚ヽ(*´∀`)ノ゚.:。系列 第 3

從零開始-[Vue篇]-Day3 - Ref v.s Reactive

  • 分享至 

  • xImage
  •  

這是我的第三天(●´ω`●)ゞ

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進行修改。

---待更新


上一篇
從零開始-[Vue篇]-Day2 - Options API  V.S. Composition API
下一篇
從零開始-[Vue篇]-Day4 - 暫更
系列文
從零開始養:Vue篇。:.゚ヽ(*´∀`)ノ゚.:。6
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言