路由懶加載：const 組件名=() => import('組件路徑');
路由傳參：
注意：，當(dāng)使用路由參數(shù)時(shí)恐锣，例如從 /find/hello導(dǎo)航到 /find/word，原來(lái)的組件實(shí)例會(huì)被復(fù)用账千。因?yàn)閮蓚€(gè)路由都渲染同個(gè)組件侥蒙，不會(huì)觸發(fā)生命周期鉤子，需要通過(guò)watch來(lái)監(jiān)聽(tīng)路由參數(shù)的變化
例如“
export default {
name:'find',
.....
watch:{
'$route'(to,from) {
console.log(to.params);
}
},
組件中的slot匀奏，通過(guò)slot可以讓組件復(fù)用性更強(qiáng)
編程式導(dǎo)航：即動(dòng)態(tài)創(chuàng)建的路由
添加路由：this.$router.push() 鞭衩，會(huì)向 history 添加新記錄
前進(jìn)和后退：this.$router.go(步驟)
替換：this.$router.replace() ，它不會(huì)向 history 添加新記錄
編程式導(dǎo)航如何傳參：
// 命名的路由
router.push({ name: 'user', params: { userId: 123 }})
其中：name為路由表router.js每項(xiàng)路由的名子
例如：
{
name:'login',
path:'/login',
component:login
},
// 帶查詢參數(shù)娃善，變成 /register?plan=private
router.push({ path: 'register', query: { plan: 'private' }})
vue代理:
一论衍、跨域產(chǎn)生的原因：因?yàn)閍jax有一個(gè)同源策略，但咱們調(diào)用的接口來(lái)自于第三方網(wǎng)站聚磺，那這里必須跨域
二坯台、什么情況下會(huì)產(chǎn)生跨域：
協(xié)議名://二級(jí)域名.一級(jí)域名.類型:端口號(hào)/目錄1/文件名?參數(shù)1=值&參數(shù)2=值2&參數(shù)3=值3
1.協(xié)議不同
2.端口不同
3.主域不同
4.主域相同，子域不同
5.域名和ip
三瘫寝、跨域解決方案
jsonp：前端+后端
CORS:服務(wù)端 http://www.ruanyifeng.com/blog/2016/04/cors.html
代理（服務(wù)端代理蜒蕾，客戶端代理）
ajax跨域錯(cuò)誤提示：
Failed to load https://api.douban.com/v2/movie/search?q=%E7%BA%A2%E6%B5%B7%E8%A1%8C%E5%8A%A8: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://127.0.0.1:8080' is therefore not allowed access.
vue代理實(shí)現(xiàn)：
打開(kāi)vue腳手架->config->index.js，找到 dev: {
proxyTable: {
'/v2':{
target: 'https://api.douban.com', //要代理的接口
changeOrigin: true, //實(shí)現(xiàn)跨域
pathRewrite: {
'^/v2': '/v2'
}
}
},
svg: svg矢量圖焕阿，放大不失真咪啡，可以通過(guò)css,js操縱
應(yīng)用領(lǐng)域：動(dòng)畫，icon等
svg使用：
第一步：http://www.iconfont.cn/ 官網(wǎng)暮屡，搜索需要的icon并添加到購(gòu)物車
第二步：找開(kāi)購(gòu)物車撤摸，點(diǎn)擊“下載代碼”并解壓，找到demo_symbol.html文件
第三步:打開(kāi)demo_symbol.html文件褒纲，找開(kāi)chrome開(kāi)發(fā)者工具 ->elements
第四步：找到并右擊svg標(biāo)簽->eidt as html准夷，全選并復(fù)制
第五步：找開(kāi)vue腳本架中的index.html，并將剛才復(fù)制的svg代碼粘貼進(jìn)云
第六步：將svg嵌入到對(duì)應(yīng)的圖標(biāo)位置,格式：
<svg class="icon" aria-hidden="true">
<use :xlink:href="svg的id名`"></use>
</svg>
