VUE的簡單入門

2022-07-12 13:30:18 字數 909 閱讀 5260

作為乙個剛入行不久的菜鳥不知從什麼時候開始就有了寫乙個自己的專欄的想法,剛好今天沒事就給自己挖乙個坑,分享一下我對vue的見解和一些領悟,整個專欄應該會包括vue,vue-cli,vue-router,vuex,nuxt和一些webpack的簡單入門,當然實戰專案也一定會放出來,更新頻率視手頭的專案進度而定,話不多說,開始今天的第一篇專欄。

說到了vue,我們就不得不先聊一下vue是什麼以及為什麼我們要使用vue,他能給我們的開發帶來什麼樣的便利呢?

首先,我們來看一下vue的自我介紹:

vue (讀音 /vjuː/,類似於 view) 是一套用於構建使用者介面的漸進式框架
如果你對前端有過了解的話一定知道mvvm和mvc這兩種設計模式,而且很有可能對mvp也有一些了解。

mvc即model,view,control,jquery就是採用的這種設計模式,熟悉jquery的同學恐怕早就對$()深通惡絕了吧。

mvvm即model,view,viewmodel,它是資料驅動模式,即所有的一切通過運算元據來進行,而盡量避免操作dom樹。

換句話說,我們不關注dom的結構,而是考慮資料該如何儲存,使用者的操作在view通過viewmodel進行資料處理,分情況是否通過ajax與model層進行互動,再返回到view層,在這個過程中view和viewmodel的資料雙向繫結使得我們完全的擺脫了對dom的繁瑣操作,而是專心於對使用者的操作進行處理,避免了mvc中control層過厚的問題。

源 :

Vue簡單入門

是 mvvm js 漸進式 檢視層 框架 mvvm m model 資料 v view 檢視 mv vm 資料改變 檢視會自動重新整理 vm vue例項驅動重新整理 命令式將程式 每乙個 執行步驟 寫出來 程式執行 宣告式告訴 計算機 我要幹什麼 中間怎麼做 不管 一切以資料為核心 盡量不要操作do...

vue的簡單入門專案

1.給專案建立乙個資料夾用vscode開啟資料夾,然後新增乙個helloword.html檔案,按 tab生成html頁面模板,然後開啟控制台用指令npm install vue 2.6.10 安裝vue.js 3.安裝好後在helloword.html中引入剛剛安裝的vue.js 4.雙大括號 是...

vue入門 簡單路由配置

在初始化vue init webpack 工程名 時,有一步是詢問是否安裝vue router,選擇yes,如果沒有安裝的話,後面需要自己安裝。然後在目錄中可以看到有個資料夾叫router 首先在components裡有多個vue頁面,這裡假設有兩個 helloworld和firstcom。我們剛開...