vue2.x

导航被触发。 在失活的组件⾥调⽤离开守卫。 调⽤全局的·beforeEach 守卫。 在重⽤的组件⾥调⽤ beforeRouteUpdate 守卫 (2.2+)。 在路由配置⾥调⽤ beforeEnter 。 解析异步路由组件。 在被激活的组件⾥调⽤ beforeRouteEn…

有时候想同时 (同级) 展示多个视图，⽽不是嵌套展示，例如创建⼀个布局，有 sidebar (侧导航) 和 main (主内容) 两个视图，这个时候命名视图就派上⽤场了。 每个router-view其实就是一个div,添加name后即可渲染出来。

1.嵌套路由： 🍊首先来看下src/router/index.js文件: 添加children属性,注意是数组啊，的path不要加"/" 🍊现在是在about组件下面设置了嵌套路由，那么路由的出口ro

除了使⽤ <router-link> 创建a标签来定义导航链接，我们还可以借助 router 的实例⽅法，通过编写代码来实现。注意：在 Vue 实例内部，你可以通过 $router访问路由实例。因此你可以调⽤ this.$router.push

在组件中使⽤ $route.params 或者 $route.query 会使之与其对应路由形成⾼度耦合，从⽽使组件只能在某些特定的 URL 上使⽤，限制了其灵活性。

🌵别名（alias）： 就相当于给路由起了个小名字,如alias:"/love" ，这样就可以在页面访问/love路径的时候，渲染相应的组件了。

views文件夹下建立一个404.vue的文件。 router文件夹下面index.js文件中添加path:"*",意思是所有路径。路由信息对象中的component是通过() => import("@/views/404")的方式来异步加载组件的。 path:"/user-*…

🍊参数：<router-link :to="{name:'user',params:{id:1}}">用户1</router-link>中的params是指的参数，可以传多个参数，所以是对象。 当使⽤路由参数时，例如从 /user/1 导航到 /user/…

修改之前的src/router目录下的index.js,添加name属性。

3.Form组件：

在FormItem组件的生命周期中的mounted中，通过this.$parent.$emit('formItemAdd', this);调用FormComponent中的'formItemAdd'. 在FormComponent组件中的created生命周期中，绑定formI…

🍊代码这里面就不占用太多篇幅了，手字数限制，来说下上一篇中Input组件中的this.$parent.$emit('validate',this.inputVal).，这个调用的是FormItem组件中的validate方法,这个validate方法是在FormItem组件的…

Vue脚手架系列08-表单组件-设计FormItem组件1.Form-Item组件：在设计FormItem组件的时候需要注意以下几点：绑定label和prop属性获取当前输入框的规则如果输入框和rul

✏️需求场景: 已经开发了一个待办事项列表的组件,很多模块都在，A，B组件都使用了todolist组件，现在想要在不影响B组件正常使用的情况下，让A组件支持勾选☑️的功能。

🍊🍊浏览器中的事件轮询 eventLoop，分为同步执行栈和异步消息队列，首先会执行同步的任务，当同步任务执行完之后会从异步消息队列中取异步任务拿到同步执行栈中进行执行。 宏任务：优先级低，先定义的先执行。包括：ajax，setTimeout，setInterval，事件绑…

文章后面增加了宏任务和微任务的部分，希望能够做一份“傻瓜”式笔记，搞懂js的同步异步，事件轮询，宏任务微任务的知识点吧。 JS 是一门单线程的编程语言，这就意味着一个时间里只能处理一件事，也就是说JS引擎一次只能在一个线程里处理一条语句。 单线程简化了编程代码，这样不必太担心并…

1.input组件： 🌵：这里需要了解的是，v-model是v-bind:vlue 和 v-on:input的语法糖🍬 this.$emit("input",this.inputVal); 这个是需要

⽐如vue最流⾏的element,就是典型的通⽤组件,执⾏ npm install element-ui 安装,但是这种方式是完全导入，就是element-ui中的所有组件，无论在项目中是否使用，都会被打包，导致项目体积变大。

先来看下上面的几个例子代码中的操作吧。 通过setItem设置的时候需要使JSON.Stringfy()去将 JavaScript 值转换为 JavaScript 对象表示法 (JSON) 字符串。 通过getItem读取缓存的时候需要使用JSON.parse()去将将 Jav…

写好vue.config.js，重启后，可以在浏览器通过http://localhost:8082/api/cartList拿到想要的数据。