router4汇总(p2)

路由过渡动画

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

const routes = [
    {
        path: '/user1',
        component: () => import("../componts/Login.vue"),
        meta: {
            title: '登录',
            transition: "animate_fadeIn"
        }
    },
    {
        path: '/user2',
        component: () => import("../componts/Home.vue"),
        meta: {
            title: '首页',
            transition: "animate_fadeOut"
        }
    }
 
]

展开全文 >>

router4 汇总 (p1)

命名视图

命名视图视图可以在同一级（同一个组件） 中展示更多的路由视图，而不是嵌套显示。命名视图可以让一个组件中具有多个路由渲染出口，这对于一些特定的布局组件非常有用。命名视图的概念非常类似于“具名插槽”，并且视图的默认名称也是 default。
一个视图使用一个组件渲染，因此对于同个路由，多个视图就需要多个组件。确保正确使用components 配置（带上s)

展开全文 >>

Vue3中的eventLoop和nextTick

eventLoop

js 是单线程的,如果是多线程的话会引发一个问题,在同一时间同时操作DOM,一个增加一个删除JS就不知道到底要干嘛了，所以这个语言是单线程的.

但是随着HTML5到来js也支持了多线程webWorker,但是也是不允许操作DOM

单线程就意味着所有的任务都需要排队，后面的任务需要等前面的任务执行完才能执行，如果前面的任务耗时过长，后面的任务就需要一直等，一些从用户角度上不需要等待的任务就会一直等待，这个从体验角度上来讲是不可接受的，所以JS中就出现了异步的概念。

展开全文 >>

tag:

    缺失模块。
    1、请确保node版本大于6.2
    2、在博客根目录（注意不是yilia根目录）执行以下命令：
    npm i hexo-generator-json-content --save

    3、在根目录_config.yml里添加配置： 

      jsonContent:
    meta: false
    pages: false
    posts:
      title: true
      date: true
      path: true
      text: false
      raw: false
      content: false
      slug: false
      updated: false
      comments: false
      link: false
      permalink: false
      excerpt: false
      categories: false
      tags: true

沉淀