vue學習筆記-初識Vue

嘗試 Vue.js 最簡單的方法是使用 JSFiddle 上的 Hello World 例子。你能夠在瀏覽器新標籤頁中打開它，跟着例子學習一些基礎用法。或者你也能夠建立一個 .html 文件，而後經過以下方式引入 Vue：

<!-- 開發環境版本，包含了有幫助的命令行警告 -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

 或者：

<!-- 生產環境版本，優化了尺寸和速度 -->
<script src="https://cdn.jsdelivr.net/npm/vue"></script>

 

用腳手架工具建立項目步驟：

一、mpn install --global vue-cli          //全局安裝vue腳手架工具  vue-cli

二、vue init  webpack   my_project     //建立一個基於webpack模版的新項目

三、cd my-project                           //進入到項目目錄

四、npm run dev                             //運行項目