天天看點

Vue2.x案例之計劃清單的實作

0x00 教程内容

0x01 準備環境

1. 安裝nvm(node與npm)

2. 安裝并初始化vue-cli

0x02 開發Todolist

1. 啟動項目

2. 編寫代碼

0x03 校驗效果

1. 詳細步驟

0xFF 總結

準備環境

開發Todolist

校驗效果

a. 請參考教程:Node版本管理工具nvm的安裝與使用(windows)

b. 按流程下載下傳相對于版本的node即可,也會預設安裝好對應版本的npm

a. 請參考教程:Vue2.x最簡單的兩個入門例子

a. 打開ip位址可看到啟動的項目:

Vue2.x案例之計劃清單的實作

a. 修改vue_sny/src/App.vue檔案的内容為:

a. 重新整理<code>localhost:8080</code>界面,可看到結果。

本教程主要介紹兩個例子,通過對比學習,更有利于學習,其實我們vue-cli例子隻是第二個例子的複雜實作而已。

最近很忙,發一篇以前的寫了一半教程,後期有空再回頭完善。