第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

c's'd'st're'te'r't

vue-cli:命令行工具?

打開cmd，運(yùn)行npm指令，安裝vue-cli

build目錄下放置的是項(xiàng)目的webpack配置文件，可以不動(dòng)

config是針對(duì)線上環(huán)境和開發(fā)環(huán)境的配置文件，也可以不動(dòng)

node_modules 指的是項(xiàng)目的依賴

src 指的是源代碼放置的目錄

static放置的是靜態(tài)的資源

src中的main.js文件是整個(gè)項(xiàng)目的入口文件

子組件與父組件通信

1、父組件可以使用 props 把數(shù)據(jù)傳給子組件。（父組件使用屬性傳值給子組件）
2、子組件可以使用 $emit 觸發(fā)父組件的自定義事件。

父組件監(jiān)聽子組件,并可以執(zhí)行自己的方法

fu:? @delete=""

zi: this.$emit('delete',this.index)

<div?id="app"><h1>{{msg}}</h1></div>
<script>
//		掛載點(diǎn)?#app
//		模板?<h1>{{msg}}同樣可以寫在實(shí)例里面
//		實(shí)例之間的關(guān)系??
let?app?=?new?Vue({
el:"#app",
template:'<h1>{{msg}}</h1>',
data:{
msg:"hello?world"
}
})
</script>

1、基礎(chǔ)引入vue

?通過(guò) <script src="vue.js"></script> 引入

<style scoped>

</style>

中的scoped代表此樣式是局部樣式，只在這個(gè)vue中渲染。

v-for中需要綁定key值來(lái)提高vue框架的虛擬dom節(jié)點(diǎn)性能，最好使用元素自身的id來(lái)綁定key值。

v-if指令和v-show指令的區(qū)別，前者控制dom節(jié)點(diǎn)的添加和清除，后者是樣式上的顯示和隱藏。

v-model雙向綁定原理：使用了Object.defineProperty( )方法對(duì)對(duì)象重新設(shè)定了set和get方法。tips：具體實(shí)現(xiàn)自己百度

監(jiān)聽器watch，可以監(jiān)聽data對(duì)象的屬性和計(jì)算對(duì)象的屬性變化。

計(jì)算屬性computed是一個(gè)對(duì)象，當(dāng)一個(gè)顯示的數(shù)據(jù)由另外的數(shù)據(jù)計(jì)算（加減等）得到就可以用到計(jì)算屬性，好處是性能的方面，當(dāng)另外的數(shù)據(jù)沒(méi)有變化時(shí)，調(diào)用的計(jì)算屬性時(shí)緩存的之前的值。

Vue-cli自帶了webpack的各種配置，借助該工具，可以迅速上手工程級(jí)別vue項(xiàng)目的開發(fā)。

全局安裝vue-cli:

$ npm install -g vue-cli

創(chuàng)建一個(gè)基于webpack模板的新項(xiàng)目

$ vue init webpack project-name

安裝依賴

$ cd project-name

build目錄下放置的是項(xiàng)目的webpack配置文件，可以不動(dòng)

config是針對(duì)線上環(huán)境和開發(fā)環(huán)境的配置文件，也可以不動(dòng)

node_modules 指的是項(xiàng)目的依賴

src 指的是源代碼放置的目錄

static放置的是靜態(tài)的資源

src中的main.js文件是整個(gè)項(xiàng)目的入口文件

腳手架如果安裝不成功，需要先查看一下node是否安裝成功：

node -v

npm -v

子組件與父組件通信

1、父組件可以使用 props 把數(shù)據(jù)傳給子組件。（父組件使用屬性傳值給子組件）
2、子組件可以使用 $emit 觸發(fā)父組件的自定義事件。

父組件監(jiān)聽子組件,并可以執(zhí)行自己的方法

fu:? @delete=""

zi: this.$emit('delete',this.index)

如果new Vue({ })的實(shí)例中未定義模板template,那么系統(tǒng)默認(rèn)到掛載點(diǎn)找，將掛載點(diǎn)下的所有東西變?yōu)槟０濉?/p>

每個(gè)組件也是一個(gè)小的實(shí)例。

template就是模板內(nèi)容，可以不到掛載點(diǎn)下編寫