Vue簡單入門

2021-10-10 09:15:56 字數 1336 閱讀 7295

是 mvvm js 漸進式 檢視層 框架

mvvm

m model 資料

v view 檢視

mv vm 資料改變 檢視會自動重新整理(vm vue例項驅動重新整理)

命令式將程式 每乙個 執行步驟 寫出來 程式執行

宣告式告訴 計算機 我要幹什麼 (中間怎麼做 不管)

一切以資料為核心、盡量不要操作dom(由資料驅動檢視)

漸進式 vue.js 核心庫 只有 核心語法

vue還有很多其他的功能,是以外掛程式的形式 灌入 vue建構函式上

檢視 構建使用者介面

const vm = new vue(,

methods:

})

用於渲染 例項 vm 上的 資料的 在模板中 可以直接寫 例項上的屬性和方法

注意:1,模板是用於渲染資料 不管是屬性還是方法,最終需要有乙個值

2,}模板內部是js語法、模板js環境只能識別 例項上的屬性和方法

大部分 原生js 全域性方法或者屬性是不識別(但是設定了乙個白名單、白名單範圍內的全域性屬性和方法可以使用)

『infinity,undefined,nan,isfinite,isnan,』 +

『parsefloat,parseint,decodeuri,decodeuricomponent,encodeuri,encodeuricomponent,』 +

『math,number,date,array,object,boolean,string,regexp,map,set,json,intl,』 +

『require』

3,} 可是直接寫表示式 和計算 切記只能是表示式

} }

}} -->

}

const vm = new vue(,

methods:{}

})

擴充套件了 標籤 屬性的功能

用法《元件 v-指令名=「值」/>

元件:包括html標籤

常見指令

v-model  *****

將表單的值 和 例項的 資料 進行雙向繫結

注意:是input事件

v-text 不重要

將 vue 資料 和 元素的 文字內容進行繫結

v-html 渲染富文字資料

總結: 《元件 v-指令名="值"/>

值 如果是變數 只會去找 vm例項上的屬性

值 是js環境 可以寫表示式 不可以寫 if。。。

值得語法 同}模板

VUE的簡單入門

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

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。我們剛開...