vue框架入門

2021-10-14 20:19:23 字數 1486 閱讀 4820

如果你現在完成了基礎課的學習,現在就可以進入vue課程了

1 框架是什麼

乙個半成品,業界精英們已以經對基礎**進行封裝,並提供了api給程式呼叫,從而提高了程式的開發效率
2 vue是什麼

前端有三大框架 : vue  react angular 	 

vue是乙個構建資料驅動的web介面的漸進式框架,採用了自底向上的增量開發的設計。vue的目標是通過盡可能簡單的api實現響應的資料繫結和組合的檢視元件

資料驅動=》不操作或少操作dom,通過運算元據,由資料發生變化來引起頁面的更新

漸進式=》學點用點,學到不同的程式有不同程式的實現方式

3 vue的全家桶 vue生態技術棧

vue2.x 整體框架 vue框架核心

vue-cli 腳手架 快速地幫助我們建立專案目錄

vue-router 路由 元件檔案與路徑的對映關係

vuex 狀態機 資料倉儲,管理資料實現資料共享

element-ui 介面框架,對html標籤元素封裝的元件

axios ajax的封裝

qs ajax進行post請求時,對引數進行處理的外掛程式

4 vue的特徵

1>輕量級,載入快

2>資料繫結方便 採用雙向資料繫結

3>指令系統 v-開頭

4>外掛程式化 vue-router vuex element-ui axios qs

5>元件化 便於維護,可擴充套件 首頭元件 頁尾元件 輪播元件 分頁 上傳

5 vue的體驗

分三個步驟

一是引入vue

二是準備dom容器

三是建立vue例項

1 el選項

1》主要用於掛載dom,最終實現例項渲染進入這個dom容器

2》可以通過id , 類名或或選擇器掛載

-->

2 data選項

1》data選擇是乙個物件,主要用於準備資料

2》data中資料改變,頁面就會更新渲染

} -->

}=} = } -->

}=}=}=}

3 methods選項

將函式定義在裡面,事件函式也是定義在裡面

}

注意:

1》methods裡面的函式,this指向的是當前的 vue例項,因為是vue例項物件在呼叫

2》如果dom視窗裡面呼叫方法,直接呼叫,不用寫this,因為整個例項掛載渲染就在這個容器裡面

4 構架回顧

4.2 mvvm model-view-viewmodel 模型-檢視-檢視模型

m model 準備資料

v view 檢視 html模板

vm 協調m和v, 實現了雙向的繫結機制

php CI框架入門

顯示2.控制器認識 controller是框架控制器資料夾 我們來寫一下自己的控制器,控制器檔名要和類名一直,類名首字母大寫 test.php檔案 defined basepath or exit no direct script access allowed class test extends ...

SSH框架入門

目前最新版本是spring framework 2.5.6 with dependencies.zip,該包不僅包含spring的開發包,而且包含spring編譯和執行所依賴的第三方類庫 aspectj 該路徑下包含了spring支援aspectj所需類的源 也包含了相關測試用例檔案 dist 該資...

Tigo框架入門

給大家介紹乙個go語言的web framework,tigo框架。tigo框架的設計風格有點類似於tornado,從python轉go的小夥伴可以看看。首先,安裝 go get github.com karldoenitz tigo 安裝結束後來編寫乙個簡單地hello world,如下 url路由...