vue小demo易错点总结

1.在使用<transiton>添加过渡效果时，对应的标签需使用<router-link>，否则，transition不会达到应有的效果。

2.在路由文件里获取根实例时，需通过router.app获取

router.beforeEach((to, from, next) => {
    let nowState = router.app.$pomelo.fetch('loginState')
    if (to.meta.login === true) {
        if (nowState === true) {
            next()
        } else {
            next('/login')
        }
    } else {
        next()
    }
})

3.管理CSS文件时，css入口文件的格式（需要在单个文件引入后添加 ；）

@import './index.css';
@import './login.css';
@import './inter.css';

4.在main.js中引入插件

import pomelo from './lib/pomelo'
Vue.use(pomelo)