vue簡單介紹 應用

2022-09-20 14:54:07 字數 1337 閱讀 2024

# vue是js框架   (jq)

# 漸進式框架:前端專案可以只有一部分使用vue,完全使用vue,作為乙個vue專案

# 版本:

2.x 咱們學習,企業裡常用

3.x 最新的

# m-v-vm思想

-model-view-viewmodel 的縮寫,它是一種基於前端開發的架構模式

-雙向資料繫結

# 架構:mvc mtv mvp

# 元件化開發、單頁面開發

-單頁面開發:vue工程,整個專案,其實就只有乙個index.html頁面

-元件化開發: xx.vue

# 開發前端使用的ide

-vscode:go,python... 免費,微軟出的

-jetbrains系列:收費,pycharm,goland,phpstorm,idea,webstorm

-其他-sublinetext

-hbuilder

-eclipse

-myeclipse

-vim yyds 外掛程式 美化

-開發前端使用pycharm,裝vue外掛程式

我的名字是:},我的年齡是:}

顯示物件:}

} 預設情況,原封不動顯示,如果能直接渲染成標籤,說明存在漏洞 xss攻擊

v-html:把標籤字串顯示成標籤

v-text:等同於插值

v-show:顯示不顯示,不是真正刪除

v-if:顯示不顯示,是真正的刪除

} 指令寫在標籤內,指令對應的變數,直接寫就可以了,不需要再用 } 包裹了

v-html:把字串,渲染成標籤

v-text:把變數內容,渲染到標籤中

}v-show:乙個標籤是否顯示,用變數可以,用true或false也可以, 其實是display: none;並不是真正的把dom刪除了

我是乙個div

我的div

我的div

我的div

v-if:真正的刪除,效率低

我是第二個個div

我是第二個個div

我是第二個個div

我是第二個個div

v-on:clicl=''#老的

@click=''#新的

按鈕新語法,以後都用這種: @click='函式名'

按鈕二

Vue簡單介紹

vue vue.js的簡稱 是前端的主流框架之一,和angular.js react.js一起,成為前端三大主流框架,vue.js是一套構建使用者介面的框架,只關注檢視層,它不僅容易上手,還便於與第三方庫或既有專案整合 vue有配置的第三方類庫,可以整合起來做大型專案的開發 先來說明幾個概念 框架和...

vue 簡單介紹Promise

一般情況時有非同步操作時,使用promise對這個非同步操作進行封裝。一般分為兩步 new 建構函式 儲存一些狀態資訊 執行傳入的函式 用乙個簡單 實現以下,一層巢狀一層。每一次都執行這兩個步驟,雖 量略大,寫習慣後結構更加清晰。具體 如下 lang en charset utf 8 titleti...

Vue路由簡單介紹(一)

使用npm命令 npm install vue router如果在乙個模組化工程中使用它,必須要通過 vue.use 明確地安裝路由功能 import vue from vue import vuerouter from vue router vue.use vuerouter 如果使用全域性的 s...