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