前端学习（1439）：vue的helloworld
生活随笔
收集整理的這篇文章主要介紹了
前端学习（1439）：vue的helloworld
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
#### 2.2 HelloWorld> 作用:將數據應用在html頁面中1. body中,設置Vue管理的視圖<div id="app"></div>2. 引入vue.js3. 實例化Vue對象 new Vue();4. 設置Vue實例的選項:如el、data... new Vue({選項:值});5. 在<div id='app'></div>中通過{{ }}使用data中的數據
?
<!DOCTYPE html> <html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title> </head><body><!-- 數據渲染界面 --><div id="app"><p>{{msg}}</p></div><script src="./js/vue.js"></script><script>new Vue({el: '#app',//模板ajax返回的數據data: {msg: '我是歌謠'}})</script> </body></html>運行結果
總結
以上是生活随笔為你收集整理的前端学习（1439）：vue的helloworld的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Excel常用统计分析函数分享
- 下一篇： 前端学习（1939）vue之电商管理系统