vue中的小踩坑（01）

• 前言：

昨天算是使用vue2.0+element-ui做了一點小小的頁面，可是源於其中遇到的問題，特地整理一下，以防自己還有其他的小伙伴們繼續踩坑。

• 過程：

        1.不知道大家有沒有注意到，每次打開項目的時候，在地址欄總會莫名其妙的出現“#”字符，就比如：

http://localhost:8080/#/

其實，在項目中自己並沒有在哪里設置加上“#”這個特殊字符。最后糾結了一下，終究明白了這是為什么：http://router.vuejs.org/zh-cn/essentials/history-mode.html

而在項目中，只需在注冊路由的時候加上：mode: 'history',即：

const router = new VueRouter({
  mode: 'history',
  routes
})

於是便解決了地址上那個莫名的“#”了。

      2.自己在使用element-ui的時候，還出現了樣式引入不進去的問題，當時是這樣寫的：

import Vue from 'vue'
import App from './App'
//引入element-ui組件
import ElementUI from 'element-ui'import VueRouter from 'vue-router'
import routes from './router/index'
import Mock from './mock'
Mock.bootstrap();


Vue.use(ElementUI);
Vue.use(VueRouter);

const router = new VueRouter({
  // mode: 'history',
  routes
})

// 實例化vue
new Vue({
  router,
  // store,//vuex 提供的
  render: h => h(App)
}).$mount('#app')    //手動地掛載一個未掛載的實例(#app)

可就是在頁面上不出現ui的各種樣式，最終直到再去看element-ui的官網時，才發現又是因為自己的粗心，才導致這個問題的：

原來自己在引用ui的時候，忘記了那句話，真是粗心！

• 后言：

雖然剛入手vue，但是苦於接觸到新的技術並運用到工作中，等到項目完成之后還是有着小小的成就感。繼續fighting for technology！