vue 初識(概念 Vue初體驗)

2022-02-16 16:44:40 字數 1280 閱讀 8745

1、vuejs

(1)漸進式

可以將vue作為應用的一部分嵌入其中,例如:在重構的時候可以一點一點的進行

(2)特點

解耦資料和檢視

可復用的元件(乙個元件可以在多個介面中使用)

前端路由技術

狀態管理

虛擬dom

2、vuejs的安裝

方式一:cdn引入

利用的是網路資源,速度會降低

分為開發環境和生產環境,生產環境是已經壓縮後的**

方式三:npm安裝

3、vuejs初體驗

(1)建立專案

(2)建立資料夾並將vuejs放入資料夾

(3)書寫測試**

es6中用const定義常量,let定義變數

(4)執行流程

(5)特點

以前利用js或jq開發是命令式程式設計:第一步、第二步... ...一步一步要非常清晰,vue的程式設計正規化是宣告式正規化,具體的內部實現不用關心

能夠實現資料和顯示的分離

響應式:當資料發生改變的時候介面會自動發生改變

4、列表展示

5、計數器

(1)普通方式

"

">"

counter++

">+

"counter--

">-

vue(

})

(2)函式方式

vue的初體驗

詳細看vue的官方文件。此處記錄純屬個人在使用中的一些小結 1 v text 操作元素的純文字,其簡寫形式 eg 簡寫為 2 v html 其作用和v text一樣,唯一的區別是瀏覽器會將v html的資料當成html標籤解析後輸出 3 繫結事件用 v on click 標誌,v on 可簡寫為 4...

vue路由初體驗

這裡記一下,免得後面到處是錯 而且總是出錯,大部分是單詞打錯了,注意細節 新建乙個資料夾modules 裡面放router.js 在裡面import vue from vue 引入vue import index from comptents index index.vue 先引入等下要跳轉的模組 ...

Vue初體驗(一)

每個 vue 應用都需要通過例項化 vue 來實現。語法格式如下 varvm newvue 接下來讓我們通過例項來看下 vue 構造器中需要哪些內容 可以看到在 vue 構造器中有乙個el 引數,它是 dom 元素中的 id。在上面例項中 id 為 vue det,在 div 元素中 div id ...