1.通過創建這個新的Vue實例,注意,雖然沒有把它存入一個變量內,但Vue實例還是被創建了。
2.通過創建這個Vue實例,我們就建立了這一聯繫。Vue基於上面的HTML代碼,創建了一個模板,要特別注意理解的是,Vue在運行時,並不直接使用我們寫的HTML代碼,實際運行的網頁裏面也沒有我們寫的這些命令,Vue根據HTML代碼創建的模板存儲在內部,然後用這個模板,創建真正渲染成DOM的HTML代碼,理解這一機制很重要。因爲它讓我們可以這樣使用模板,和其它我們在這門課程裏面將要講的東西一樣,我們寫的HTML代碼不是最後的瀏覽器裏面運行的那一份,中間有一層Vue實例,把HTML代碼轉換成模板,然後渲染成模板,比如加入title等,然後輸出最終用於渲染的HTML代碼。
理解VueJs模板
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章
Vue Element+Node.js开发企业通用管理后台系统
wy53780
2020-04-23 14:03:34
前端框架及项目面试 聚焦Vue/React/Webpack
wy53780
2020-04-23 13:55:33
web component
zidea
2019-02-24 13:12:51
vue的.vue文件是怎麼run起來的(vue-loader)
易水人去丶明月如霜
2019-02-24 12:56:55
vue組件之間通信方式實例總結【8種方式】
zhoulu001
2019-02-24 12:43:05
Vue.js 2.0之全家桶系列視頻課程——筆記(一)
湯小洋
2019-02-23 00:32:11
用addRoutes實現動態路由
tower1229
2019-02-22 23:38:42
用addRoutes實現動態路由
tower1229
2019-02-22 23:38:42
ClouStack模板製作-CentOS_GUI(圖文詳解)
煩事且過
2019-02-23 13:20:36
java生成word之poi-tl代碼學習
聽詩的七
2019-02-23 13:01:15
C++模板實現順序表
xyzbaihaiping
2019-02-23 00:12:47
c++中模板的實現(模板類和模板函數)
龍躍十二
2019-02-23 00:04:16
一步一步學會puppet(三)--節點和模板
xxrenzhe11
2019-02-22 23:58:35