vue生命周期
1.創(chuàng)建期間的生命周期函數(shù)：
beforeCreate：實例剛在內(nèi)存中被創(chuàng)建出來，此時，還沒有初始化好 data 和 methods 屬性
created：實例已經(jīng)在內(nèi)存中創(chuàng)建OK曹锨，此時 data 和 methods 已經(jīng)創(chuàng)建OK，此時還沒有開始 編譯模板
beforeMount：此時已經(jīng)完成了模板的編譯，但是還沒有掛載到頁面中
mounted：此時佩番，已經(jīng)將編譯好的模板，掛載到了頁面指定的容器中顯示
2.運行期間的生命周期函數(shù)：
beforeUpdate：狀態(tài)更新之前執(zhí)行此函數(shù)罢杉， 此時 data 中的狀態(tài)值是最新的趟畏，但是界面上顯示的數(shù)據(jù)還是舊的，因為此時還沒有開始重新渲染DOM節(jié)點
updated：實例更新完畢之后調(diào)用此函數(shù)滩租，此時 data 中的狀態(tài)值 和 界面上顯示的數(shù)據(jù)赋秀，都已經(jīng)完成了更新，界面已經(jīng)被重新渲染好了律想！
3.銷毀期間的生命周期函數(shù)：
beforeDestroy：實例銷毀之前調(diào)用沃琅。在這一步，實例仍然完全可用蜘欲。
destroyed：Vue 實例銷毀后調(diào)用。調(diào)用后晌柬，Vue 實例指示的所有東西都會解綁定姥份，所有的事件監(jiān)聽器會被移除，所有的子實例也會被銷毀年碘。
<div>
<div id="app">
{{name}}
<div @click="name+='aa'">點擊</div>
</div>
</div>
</body>
<script type="text/javascript">
const vm = new Vue({
el:"#app",
data: {
name:"張三"
},
created() { // 在created中發(fā)送網(wǎng)絡請求
console.log("初始化完成就會執(zhí)行")
},
mounted() {
console.log("掛載")
},
destroyed() { // 移除一些監(jiān)聽澈歉，例如定時器
console.log("銷毀")
}
})
// vm.$mount("#app");
</script>
node，
js運行在瀏覽器中屿衅， 不能擁有操作文件埃难， 二進制等這些功能
運行環(huán)境，es規(guī)范涤久，提供依賴包（http,io,buffer...）
我們可以利用node這個環(huán)境開發(fā)后臺服務器
npm
node提供一個 js包的管理工具
npm 切換到 cnpm
npm install cnpm -g --registry=https://registry.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
- npm install -g @vue/cli 安裝腳手架
- 創(chuàng)建項目 vue create 項目名 （先通過cd進入到創(chuàng)建項目的目錄）
- babel 用來把es6 -> es5, 把typeScripte -> js
- eslink 代碼格式的檢測工具
