Vue之旅-----入門（一）
阿新 • • 發佈：2018-12-12
第一步：從官方的vue教程開始學起
官網：https://cn.vuejs.org（自己也可去看著文件去學）
開始寫吧，第一步
Vue.js 最簡單的方法就是，自己建立一個.html檔案，然後引入vue.js檔案，跟著官方的教程自己寫一個Hello World的案例。這樣做，可以加深自己對vue的理解。
引入方式（推薦新手使用）
<!-- 開發環境版本，包含了用幫助的命令列警告 --> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <!-- 生產環境版本，優化了尺寸和速度 --> <script src="https://cdn.jsdelivr.net/npm/vue"></script>
以下是官方的說辭： 請注意我們不推薦新手直接使用 vue-cli，尤其是在你還不熟悉基於Node.js的構建工具時。
所以，作為新手來說，不要著急學太多的東西，先來體驗一下vue的魔力，然後再去學習其他的安裝方法。
複製貼上下面的程式碼就能直接執行
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>第一個Vue應用</title> <!-- 開發環境版本，包含了用幫助的命令列警告 --> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> </head> <body> <!-- 宣告式渲染 --> <!-- Vue.js的核心是一個系統，允許採用簡潔的模板語法來宣告式地將資料渲染進DOM的系統。 --> <div id="app"> {{message}} </div> <script> var app = new Vue({ el:'#app', data:{ message:'Hello Vue!' } }); </script> </body> </html>
完畢！我們第一個hello world案例實現 。
敬請期待下一篇。。。。。準備中、、、、、