Vue中模組化管理

vue對比我之前使用的angular，最大的改變是將乙個元件組合成乙個.vue檔案，讓目錄結構簡單了不少。

下面我將.vue檔案稱為元件，.js檔案稱為模組，記錄一下模組化管理的一些小細節

模組化管理就像自定義函式一樣，把一些東西單獨拎出來，讓根模組（入口檔案main.js）簡介一些

下面用三個例子說明模組引入的步驟

1.第三方依賴/官方依賴包的引入

import vueresource from 'vue-resource'

import vueresource from 'vue-resource'
vue.use(vueresource);

require('./mock.js');

require的好處在於代替了import，還不會報錯

乙個比較特別的是自定義路由和根元件

import router from './router'

new vue()

因為他們使用的方式不是vue.use

vue 路由模組化

專案結構 引入公共的scss 注意 建立專案的時候必須用scss import assets css basic.scss import router from router router.js 4 掛載路由 newvue 新聞 使用者router.js import vue from vue 配置...

axios 模組化管理介面

在http.js檔案中,處理axios import axios from axios 引入qs模組,用來序列化post型別的資料 環境的切換 我們的專案環境可能有開發環境 測試環境和生產環境。我們通過node的環境變數來匹配我們的預設的介面url字首。axios.defaults.baseurl可...

vue router 在模組化 vue中的使用

注意 vue router 2只適用於vue2.x版本，下面我們是基於vue2.0講的如何使用vue router 2實現路由功能。推薦使用npm安裝。npm install vue router一 使用路由 在main.js中，需要明確安裝路由功能 import vue from vue impo...