# 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...