#vue的生命周期

????????vue生命周期是指vue實例對象從創(chuàng)建之初到銷毀的過程团滥，vue所有功能的實現(xiàn)都是圍繞其生命周期進行的吟税，在生命周期的不同階段調(diào)用對應(yīng)的鉤子函數(shù)可以實現(xiàn)組件數(shù)據(jù)管理和DOM渲染兩大重要功能猜惋。

生命周期主要分為三個：created(創(chuàng)建后)，mouthed(載入后)，destroyed(銷毀后)

1.created：對應(yīng)的鉤子函數(shù)為created翔烁。在這個階段vue實例已經(jīng)創(chuàng)建弦牡，仍然不能獲取DOM元素友驮。

2.mouthed：對應(yīng)的鉤子函數(shù)是mounted。mounted是平時我們使用最多的函數(shù)了驾锰，一般我們的異步請求都寫在這里卸留。在這個階段，數(shù)據(jù)和DOM都已被渲染出來稻据。

3.destroyed：對應(yīng)的鉤子函數(shù)是destroyed艾猜。在銷毀后，會觸發(fā)destroyed鉤子函數(shù)捻悯。

在生命周期的不同階段匆赃，會調(diào)用不同的鉤子函數(shù)。

# node

????????js運行在瀏覽器中今缚， 不能擁有操作文件算柳， 二進制等這些功能

????????運行環(huán)境，es規(guī)范姓言，提供依賴包（http,io,buffer...）

????????我們可以利用node這個環(huán)境開發(fā)后臺服務(wù)器

# npm

????????node提供一個 js包的管理工具

創(chuàng)建init

????????# npm 切換到 cnpm?

????????npm install cnpm -g --registry=httpsregistry.npm.taobao.org

????????# 使用cnpm 安裝依賴包 -g是全局安裝

????????cnpm install? 包名 -g

????????# cnpm install 包名 --save

????????# 如果不添加 --save 只會下載這個包,在package.json文件不會下載的記錄

????????# --dev 開發(fā)的時候使用瞬项，上線之后就不在使用的一些包

????????cnpm uninstall 包名 下載包

????????dependencies 上線之后還在用（bootstrap,jquery）

????????devDependencies 開發(fā)打包的時候使用，上線之后就不使用了（webpack）

????????如果沒有添加 --save,? 在package.json中不會有記錄

????? ??# 如果下載的項目由package.json何荚， 只需要執(zhí)行 cnpm install , 他就會把依賴包都下載下來

# webpack (gulp)

????????# 自動化的打包工具

????????# 瀏覽器只能認識 html, css, js, 圖片

????????# 為了快速開發(fā)(es6,sass,typeScript...,aa.Vue ) - 工具 -? html,css,js,圖片

? ? ? ? 入口? ?出口? loader(加載器)? 插件

? ??????# 安裝 cnpm install webpack webpack-cli --save --dev

????????# 編寫webpack的文件 webpack.config.js

????????# webpack 打包指令進行打包就可以了

# vue-cli

????????# 腳手架囱淋， 創(chuàng)建半成品，我們在半成品基礎(chǔ)上開發(fā)

# npm install -g @vuecli 安裝腳手架??

# 創(chuàng)建項目 vue create 項目名 （先通過cd進入到創(chuàng)建項目的目錄）??