Vue起步

第一步先下載，有很多下載的方法可以直接進去官網下載https://vuejs.org/js/vue.min.js，如果安裝了Node.js和npm可以直接在命令行輸入 npm install vue

創建一個新的HTML文件在script標簽里引入vue，實例化一個vue

先新建一個div并且給定一個id，隨后在script標簽里實例化一個vue，el:"id"指掛載的節點，一般是id名稱，也就是你需要渲染的區域（id為app的div），data?用于定義屬性，實例中有一個message的屬性，而div標簽中包含了p標簽，p標簽里的{{ }} 是用于輸出對象屬性和函數返回值，最終結果會輸出：你好,vue


?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5？ 答：HTML5是最新的HTML標準。 注意：講述HT...
    kismetajun閱讀 27,632評論 1贊 45
  • ## 框架和庫的區別?> 框架(framework):一套完整的軟件設計架構和**解決方案**。> > 庫(lib...
    Rui_bdad閱讀 2,961評論 1贊 4
  • 相關概念 混合開發和前后端分離 混合開發(服務器端渲染) 前后端分離后端提供接口，前端開發界面效果(專注于用戶的交...
    他愛在黑暗中漫游閱讀 2,846評論 4贊 45
  • vue官方文檔：cn.vuejs.org/v2/guide 兼容性 Vue不支持IE8及以下版本，因為Vue使用了...
    sendyLuo閱讀 235評論 1贊 0
  • vue是什么? Vue.js（讀音 /vju?/，類似于 view） 是一套構建用戶界面的漸進式框架。與其他重量級...
    Mx勇閱讀 417評論 0贊 4