VUE基礎知識2 VUE介紹

2021-09-10 01:19:50 字數 1213 閱讀 9841

一、vue介紹

在vue中,很多時候不能用箭頭函式。

vue.js 是一套構建使用者介面的漸進式框架。

框架和庫的區別

框架:vue,乙個擁有完整的解決方案,我們寫好人家呼叫我。

庫:juqery, underscore(模板引擎),zepto,animate.css。  我們呼叫它。

漸進式vue全家桶 vuejs + vue-router + vuex +axios

通過組合 完成乙個完整的框架

mvc(單向的)

model資料,view檢視,controller控制器

mvvm(angular,vue) 雙向的

model資料,view檢視,viewmodel檢視模型

二、vue初始化

安裝vue

第一種: js引用,cdn

第二種:

// 初始化

npm init -y

// 安裝vue

npm install vue

vue不支援ie8及其以下版本。因為它使用了 object.defineproperty 這個方法。這個方法是es5的,沒有替代方案。所以不支援ie8及其以下版本。

三、開始

}

四、mvvm

資料影響檢視,那檢視怎麼影響資料。 用表單元素。

用檢視來控制資料。

利用表單元素。

五、object.defineproperty

這是個es5的語法。 

mvvm用到了 defineproperty 這個方法。

object.defineproperty的基本用法

一般用get和set方法比較多。

雙向繫結的第一步,是先把資料繫結到input裡面,

控制台console

obj.name = 300;
input的值,會隨著改變。 

這樣就能做到資料影響檢視了。

注意:vue怎麼實現的雙向繫結,靠的就是es5的object.defineproperty的get() 和 set()方法。

vue知識點 2)vue登入認證

要點 客戶端登入要唯一 token除了客戶端要驗證外,伺服器端也要校驗 處理 token應該包含使用者的基本資訊,這樣服務端解密token的時候就知道是哪個賬戶 如果只是使用token去讓瀏覽器判斷登入狀態,那麼如果乙個使用者登入成功以後,那麼就意味著在這個機器或者瀏覽器登入的其他使用者都應該被登出...

vue學習筆記 2 vue簡介

本次學習主要來自官網的教程 vue應用是由乙個根vue例項開始的。vue會將資料繫結到data中,當data資料改變時也會導致檢視的改變 觀察者模式 可以實現資料的雙向繫結 響應式 vue例項中的屬性可以通過 屬性名的方式獲取,入 data vue是在初始化時繫結資料的,如果初始化後再次新增元素,則...

Vue基礎知識

vue.js的基本使用 1.引入vue.js 1 cdn 3 模組化安裝 npm i vue d s cnpm i vue yarn add vue 2.初始化vue 1 必須有乙個html容器,決定vue.js的作用範圍 2 初始化 new vue options data 資料 3 資料繫結 宣...