從零開始的vue學習筆記(一)


前言

項目要用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 應用

初步介紹

概念

  1. 聲明式渲染、模板語法、響應式、指令(前綴v-的特殊語法)、數據雙向綁定
  2. 基礎指令簡介:
    • 綁定(v-bind)
    • 條件(v-if、v-else、v-else-if、v-show)
    • 循環(v-for)
    • 事件監聽(v-on)
    • 表單輸入數據雙向綁定(v-model)
  3. 組件化構建應用(抽象與復用、組件間prop通訊)


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM