官方介紹
Vue (讀音 /vjuː/，類似於 view) 是一套用於構建使用者介面的漸進式框架。與其它大型框架不同的是，Vue 被設計為可以自底向上逐層應用。Vue 的核心庫只關注檢視層，不僅易於上手，還便於與第三方庫或既有專案整合。另一方面，當與現代化的工具鏈以及各種支援類庫結合使用時，Vue 也完全能夠為複雜的單頁應用提供驅動。
個人理解vue是一個前端響應式框架,開發者只需要關心頁面的業務邏輯,不再關心頁面樣式和檢視渲染等問題.因為渲染頁面是資料來相應的,只要資料發生改變頁面會自己重新整理.在使用vue之前,普通的html頁面 我們需要用ajax獲取資料 然後用jquery去更新檢視,用傳統的dom去增刪改元素確實有點頭疼.有了Vue以後,我們將放飛自我,只需關心資料流動和業務邏輯即可.(新手理解比較片面,希望大神指點賜教!)
課程準備html css 基礎javascript 基礎nodejs npm基礎live-server之所以使用live-server 主要是使用它的熱部署的功能.這樣我們修改後的程式碼可以在前端實時同步
安裝node npm cnpm環境(可以自行百度)安裝live-servercnpm install -g live-serverlive-server //預設監聽8080埠個人學習建議下載開發版本 https://cn.vuejs.org/v2/guide/installation.html
建立工程目錄index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src="./asset/vue.js"></script> <title>Document</title></head><body> <div id="app"> {{ msg }} </div> </body><script> var app=new Vue({ el:'#app', data:{ msg:'hello vue!' } })</script></html>當msg資料變化的時候 前端會自動發生變化,我們不再需要用jquery 查詢元素 然後手動改變檢視
the end...
最新評論