Vue3.0數據響應式原理詳解-創新互聯
基于Vue3.0發布在GitHub上的第一版源碼(2019.10.05)整理
預備知識
- ES6 Proxy，整個響應式系統的基礎。
- 新的composition-API的基本使用，目前還沒有中文文檔，可以先通過這個倉庫(composition-api-rfc)了解，里面也有對應的在線文檔。
先把Vue3.0跑起來
先把vue-next倉庫的代碼clone下來，安裝依賴然后構建一下，vue的package下的dist目錄下找到構建的腳本，引入腳本即可。
下面一個簡單計數器的DEMO：
<!DOCTYPE html>
<html lang="en">
<body>
<div id='app'></div>
</body>
<script src="./dist/vue.global.js"></script>
<script>
const { createApp, reactive, computed } = Vue;
const RootComponent = {
template: `
<button @click="increment">
Count is: {{ state.count }}
</button>
`,
setup() {
const state = reactive({
count: 0,
})
function increment() {
state.count++
}
return {
state,
increment
}
}
}
createApp().mount(RootComponent, '#app')
</script>
</html>
網頁題目：Vue3.0數據響應式原理詳解-創新互聯
轉載注明：http://m.kartarina.com/article12/cddgdc.html
成都網站建設公司_創新互聯，為您提供云服務器、網站改版、App開發、商城網站、Google、小程序開發
聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯
- 成都網站建站公司在建設網站是要考慮哪些細節？ 2022-06-14
- 建站公司微信服務號開發方案 2019-10-04
- 企業建站如何選擇專業建站公司？ 2022-05-23
- 怎么選擇網站建設公司？角點來分享選擇建站公司的技巧 2022-05-24
- 煙臺網站建設公司：建站公司的服務包括站點維護嗎？ 2021-10-17
- 成都建站公司告訴你企業網站建設需要哪些效果 2014-12-03
- 建站公司必備的要素 2016-10-08
- 網站建設價格為什么在不同的建站公司差別那么大 2014-03-21
- 綿陽建站公司：做網站的成本費用都是包含哪幾部分？ 2021-08-16
- 企業做網站建設要會考量尋找適合自己的建站公司 2022-05-18
- 企業網站建設如何選擇建站公司？如何在建設時準確為網站定位？ 2022-10-28
- 洛陽建站公司怎么做網站制作？ 2022-11-08