cmder 使用
// 1. 將cmder.exe加入環(huán)境變量
1. window + R 輸入 sysdm.cpl
2. 選中 高級(jí) - 環(huán)境變量 - 系統(tǒng)變量 - Path
3. 將cmder.exe所在目錄添加到Path中
// 2. 添加成為右鍵菜單
在cmder.exe所在目錄打開(kāi)命令行窗口 輸入 Cmder.exe /REGISTER ALL
yarn 使用
npm: node package manager,是 node 官方提供的用于管理包的工具
yarn:是 Facebook 公司提供的用于管理 node 包的工具(丟包率比較低,下載速度比較快,提供的所有命令都正??捎?
// 安裝yarn
cnpm i yarn -g
// 安裝完畢之后需要把yarn的bin目錄配置到環(huán)境變量的path下面
// 初始化package.json文件
npm init -y
yarn init -y
// 安裝開(kāi)發(fā)階段的依賴包
npm install webpack -D/--save-dev
yarn add webpack --dev
// 安裝發(fā)布階段的依賴包
npm i vue -S/--save(npm5.x以后可用省略-S)
yarn add vue
// 卸載包
npm uninstall webpack -D
yarn remove webpack(不需要加參數(shù)就可以移除掉package.json中包名的記錄)
// 安裝全局包
npm i webpack -g
yarn global add webpack
// 卸載全局包
npm uninstall webpack -g
yarn global remove webapck
// 運(yùn)行package.json中的腳本
npm run dev
yarn run dev
Vue
傳值
父向子傳值
// 1. 屬性綁定進(jìn)行傳遞:使用v-bind綁定屬性,props定義屬性進(jìn)行接收
// 2. 在子組件中使用this.$parent.xxx直接獲取父組件的數(shù)據(jù)
子向父?jìng)髦?/h5>
// 1. 使用發(fā)布訂閱者模式,this.$emit('消息名稱','數(shù)據(jù)')
// 2. 在父組件中使用this.$refs.xxx獲取到子組件對(duì)象然后進(jìn)一步獲取子組件身上的數(shù)據(jù)
// 3. 直接給子組件綁定一個(gè)屬性,屬性值是父組件中的一個(gè)函數(shù),子組件接收到這個(gè)屬性之后調(diào)用函數(shù)
// 4. 通過(guò)作用域插槽進(jìn)行傳值
兄弟組件傳值
evenet-bus:事件總線。
需要使用一個(gè)空的 vue 實(shí)例當(dāng)做中介進(jìn)行數(shù)據(jù)的傳輸。利用 vue 實(shí)例提供的方法進(jìn)行傳輸,這個(gè) vue 實(shí)例本身不保存數(shù)據(jù)。
插槽
// 1. 使用發(fā)布訂閱者模式,this.$emit('消息名稱','數(shù)據(jù)')
// 2. 在父組件中使用this.$refs.xxx獲取到子組件對(duì)象然后進(jìn)一步獲取子組件身上的數(shù)據(jù)
// 3. 直接給子組件綁定一個(gè)屬性,屬性值是父組件中的一個(gè)函數(shù),子組件接收到這個(gè)屬性之后調(diào)用函數(shù)
// 4. 通過(guò)作用域插槽進(jìn)行傳值
evenet-bus:事件總線。
需要使用一個(gè)空的 vue 實(shí)例當(dāng)做中介進(jìn)行數(shù)據(jù)的傳輸。利用 vue 實(shí)例提供的方法進(jìn)行傳輸,這個(gè) vue 實(shí)例本身不保存數(shù)據(jù)。