前言
項目要用vue.js,今天開始自學vue.js官方教程,記錄下自己的學習摘要,方便后面查閱(此筆記按照學習天數,每天一篇)
Vue.js是什么
Vue是一套用於構建用戶界面的漸進式框架,Vue 被設計為可以自底向上逐層應用。Vue 的核心庫只關注視圖層,不僅易於上手,還便於與第三方庫或既有項目整合。另一方面,當與現代化的工具鏈以及各種支持類庫結合使用時,Vue 也完全能夠為復雜的單頁應用(SPA)提供驅動。
安裝
直接<script> 引入
直接下載開發版的js文件,然后引入到html中,或者直接用cdn的js
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
NPM
npm install vue
大型應用用npm安裝管理(需要安裝node.js環境),能很好地和諸如 webpack 或 Browserify 模塊打包器配合使用
vue cli工具(命令行工具,暫且不學)
Vue 提供了一個官方的 CLI,為單頁面應用 (SPA) 快速搭建繁雜的腳手架。它為現代前端工作流提供了 batteries-included 的構建設置。只需要幾分鍾的時間就可以運行起來並帶有熱重載、保存時 lint 校驗,以及生產環境可用的構建版本。
Vue Devtools
在使用 Vue 時,我們推薦在你的瀏覽器上安裝 Vue Devtools。它允許你在一個更友好的界面中審查和調試 Vue 應用
初步介紹
概念
- 聲明式渲染、模板語法、響應式、指令(前綴v-的特殊語法)、數據雙向綁定
- 基礎指令簡介:
- 綁定(v-bind)
- 條件(v-if、v-else、v-else-if、v-show)
- 循環(v-for)
- 事件監聽(v-on)
- 表單輸入數據雙向綁定(v-model)
- 組件化構建應用(抽象與復用、組件間prop通訊)
