Vue.js學習筆記

搭建環境

安裝Vue.js以前確保Node.js安裝完成。

node -v
npm -v

安裝 vue.js

npm install -g vue-cli

以後進入目標文件夾,初始化項目。

vue init webpack  文件名

 

第一個箭頭是文件夾名字，第二個是ESLint，js語法規範，建議No。

根據指令進入文件夾，並運行vue。

cd html
npm run dev

點擊   http://localhost:8080

說明你已經成功了！

Vue都給咱們生成一些什麼文件，這其中咱們須要關注的是如下文件

1. components ---> 裏面寫將要渲染的.vue文件。
3. 注意爲何 exprot default 沒有亮，下面咱們看路由
4. router           ---> 裏面是要添加的路由。
6. 注意相對路徑，在下面添加路由
7. index.html 保存components 相同部分css 框架 能夠在這裏引入。

打包的方法是

npm run build

 會出現 dist文件夾，這玩意後端處理。

vue.js 異步刷新推薦使用 axios，引入方式在 src/main.js裏添加

npm install axios
npm install --save axios vue-axios

1. import axios from 'axios'
2. import VueAxios from 'vue-axios'
3. Vue.use(VueAxios, axios)