vue 记录

by nick / On 2018年7月4日 / In js

引入自定义 css js 文件

<template>
    <h1>Index</h1>
</template>

<script>
    import './../assets/js/index.js'
    export default {
        name: "Index"
    }
</script>

<style scoped>
    @import "./../assets/css/index.css";
</style>

路由懒加载

export default new Router({
    mode: 'history',
    routes: [
        {
            path: '/',
            name: 'index',
            component: resolve => require(['@/components/Index'], resolve)
        },
        {
            path: '/comment',
            name: 'comment',
            component: resolve => require(['@/components/Comment'], resolve)
        }
    ]
})

父组件需要给子组件传递数据使用 props
父组件需要给子组件传递 dom 元素使用 sort
vue 生命周期 beforeCreate -> created -> beforeMount -> mounted -> beforeUpdate -> updated -> beforeDestroy -> destroyed

vue-router 全局守卫
beforeEach 前置
beforeResolve 解析
afterEach 后置

路由独享的守卫
beforeEnter

组件内的守卫
beforeRouteEnter 路由被 confirm 前调用，不能访问组件 this
beforeRouteUpdate 路由被 update 时调用，可以访问组件 this
beforeRouteLeave 路由离开时调用，可以访问组件 this