一、如何初始化一個vue項目？
vue init webpack vuetest
cd vuetest
npm run dev
如果你在npm run dev的時候報了如下的錯，請更改：config文件夾里的index.js 里的 host ,把后面的host改為你本地的ip地址即可
報錯圖片.png
更改代碼.png
二、vue-cli的作用峻汉？
主要作用：目錄結(jié)構(gòu)、本地調(diào)試脐往、代碼部署休吠、熱加載、單元測試钙勃。
三蛛碌、使用vue-cli和不使用寫代碼的區(qū)別聂喇？
使用vue-cli辖源，結(jié)構(gòu)分開寫（.vue的文件）
<template>
<div >
HelloWorld
</div>
</template>
<script>
export default {
name: 'HelloWorld'
}
</script>
<style>
</style>
不使用vue-cli（.html文件）
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
<body>
<div id="app">
{{ message }}
</div>
<script>
var app = new Vue({
el: '#app',
data: {
message: 'Hello Vue!'
}
})
</script>
</body>
</html>
四、vue生命周期
可參考：
https://segmentfault.com/a/1190000014640577
非常非常有參考價值
之前面試希太，有個面試官問我：什么時候用 beforeDestroy克饶？
??????一般在做項目的購物車模塊時候會用到， 選完產(chǎn)品之后誊辉， 到結(jié)賬頁面的時候 就用到 beforeDestroy (頁面被銷毀前)矾湃，把購物車數(shù)據(jù)提交到 后臺； 就是你在加購物車 堕澄，然后點了返回邀跃。組件要銷毀了。你得把數(shù)據(jù)傳上去蛙紫。
什么時候用 destroyed拍屑？
??????在使用echarts畫圖表的時候，用到了destroyed
??????前提：使用echarts坑傅，圖表的尺寸會根據(jù)屏幕大小來展示僵驰，也有可能用戶會隨意變化窗口的大小。我們要監(jiān)聽頁面的大小是否更改：
methods: {
/* 監(jiān)聽瀏覽器屏幕重置 */
resize() {
let echartsLine = this.$echarts.init(this.$refs['**'], 'macarons');
echartsLine.resize();
}
},
mounted() {
window.addEventListener('resize', this.resize);
},
destroyed() {
window.removeEventListener('resize', this.resize);
}
