昨晚自己新建一個Vue Project打算模仿京東商城做一下網(wǎng)站嚷硫，感覺自己學(xué)了幾個月的Vue簿晓，胸有成竹，以為很簡單罗晕，沒想到現(xiàn)實(shí)就是那么殘酷济欢，連基本路由都配置不好。
不過經(jīng)過昨晚攀例，終于把一些以前不明白的東西弄懂了船逮。
我一般都是用Vue的腳手架搭建的項(xiàng)目。
Src的目錄下App.vue是主文件粤铭，入口文件挖胃。所有組件和路由都需要掛載進(jìn)這個文件。
重點(diǎn)是這個
<router-view></router-view>
以前我搞不懂這個router-view是什么梆惯，和router有什么關(guān)系酱鸭。
昨晚終于明白了。
原來是把所有路由放在router文件夾下面的index.js里面垛吗，然后這些路由或者頁面凹髓，都會掛載進(jìn)App.vue的文件里。
<template>
<div id="app">
<router-view></router-view>
<player></player>
</div>
</template>
這道理很簡單怯屉，但是新手沒有人指導(dǎo)的話不容易想明白蔚舀。
還有關(guān)于路徑的，當(dāng)想import組件的時候
import my-component from 'components/my-component'
會報錯锨络，提示找不到這個組件赌躺。
這也是新手容易犯的錯誤。
兩個解決辦法
一： 改為相對路徑
import my-component from './components/my-component'
二：
在webpack.base.conf.js的文件里的resolve選項(xiàng)的alias對象設(shè)置
alias: {
'components': resolve('src/components')
}
webpack就會把這個路徑通過這個函數(shù)
function resolve(dir) {
return path.join(__dirname, '..', dir)
}
把路徑配置好羡儿。
不明白的請留言礼患。
上星期，前端框架撕逼大戰(zhàn)，作為一個新手缅叠，我也憤怒了悄泥，也懟了幾句。不過靜下來想想肤粱，之前我是因?yàn)樗讲粔驎簳r不學(xué)React弹囚，看來是時候?qū)W習(xí)React了。
React和Vue很多相似的地方狼犯，應(yīng)該不難學(xué)余寥，但是那語法比Vue更難寫和更難懂。慢慢來悯森。
本人承接前端外包項(xiàng)目和應(yīng)聘前端工程師
廣州地區(qū)
Github: github.com/hccdj131
有興趣的請聯(lián)系
