vue todos

vue-todos

預覽位址(響應式設計，pc端，行動端) 首發位址(來源碼與教學)

vue-todos是todomvc vue模組的升級版本,介面簡約，功能豐富，知道點全面，能幫您快速上手vuejs.喜歡的請點心，關注，star ,fork,這些是我堅持下去的動力!!

前言

vuejs是一個好的開源項目，大大釋放了我們的生產力。使用vue2年，不僅讓我升職加薪，更讓我的前端技術有了大幅的進步。 在各大vue群，各大論壇混了很久了，解答了不少的vuejs小白問題。發現很多問題vueApi文檔都是api不夠理解的原因，糟糕的是很多人不喜歡查閱文檔，而且由於練手機會少，所以在遇到問題的時候很無措。

希望

本課程會帶大家從零開始實戰vue,希望透過此課程能夠使初學者門能夠快速的上手vuejs,快速的學習使用vue常用的api.讓vue.js的初學者們循序漸進的，有效的學習vuejs .

運行

 # 更新依赖包
npm install
# 本地运行 at localhost:8080
npm run dev
# 打包
npm run build

你將學習到

• vue-cli 開發環境的搭建
• 分析api文檔，組件化編程
• vue基礎( 1.實例2.元件3.指令4.選項5.範本渲染6.事件綁定7.計算屬性8.內建動畫9.元件互動10.內建路由)
• vue進階(1.vue生命週期2.vuex使用3.axios的使用4.mock.js 前端模擬資料)
• 跨域問題的解決方法

圖片預覽

*pc端

課程目錄(請保持關注,一天更新一小節)

• 開發環境搭建
  • Node.js的安裝
  • vue-cli的安裝
  • 建立第一個vue應用
• todomvc升級版實戰開發]
  • 前期準備
    • 專案分析
    • 需求分析
    • api分析
    • 組件分析
  • 響應式佈局
  • 元件編寫
    • 選單組件
    • 頭部組件
    • 清單組件
  • 選單
    • api.js(axios.js)編寫
    • 綁定選單數據
    • 新增選單
  • 頭部
    • 綁定單一數據
    • 新增列表
    • 修改標題
    • 刪除內容
  • 清單
    • 完成代辦項
    • 修改代辦項
    • 刪除代辦項
  • 鎖定
    • 鎖定代辦項
  • vuex
    • 選單資料更新
    • 行動端選單收縮
  • 轉型動畫
    • 選單動畫
    • 列表動畫
• vue.js知識點講解