xiaohanbaby的博客

React hooksReact-hooks是React 16.8中的新增功能。它们使您无需编写类即可使用状态和其他React功能。参考：https://reactjs.org/docs/hooks-intro.htmlReact Hooks 优势：简化组件逻辑复用状态逻辑无需使用类组件编写常用 hook：useStateconst [state, setState] = useState(initialState);useEffect类组件 componentDidMount、

Router重定向有的时候，我们会根据某种需求对用户请求的页面进行重新定位案例现有一小说网站，提供了 男生频道 和 女生频道 的两个入口，用户首次进入页面的时候，会出现选择，并记住用户的选择，以后该用户进入网站直接根据记录的选择进入对应的频道组件示例1.BookChoose.vue<template> <div> <router-link :to="{name: 'book-boy'}">男生</router-link&g

vue-router嵌套路由: 一些比较复杂的应用会有多层嵌套的路由和组件组成例:在应用增加一个用户个人中心，用户中心又是由多个页面组成添加路由与子路由import Vue from 'vue'import VueRouter from 'vue-router'Vue.use(VueRouter)import Home from '../views/home.vue'import About from "../views/about.vue"import User from "../vi

Vue中处理组件切换的三种方式：1.v-if切换： v-if的方式来切换视图:创建和销毁(导致组件的状态不能留存)2.v-show切换： 显示和隐藏,没有办法操作Dom结构(会保存组件的状态)3.动态组件切换： 可以操作DOM, 并且可以留存下数据; 切换时触发的生命周期： 激活activated 冻结 deactivated 这两个方法; 用keep-alive可保存组件的状态代码示例:<template> <div> <butt

全局注册 组件定义：Vue.component('组件名称','组件内容') 参数1： 自定义组件名称 参数2： 组件的内容(对象的形式)局部注册： 通过一个普通的 JavaScript 对象来定义组件 var ComponentA = { /* ... */ } var ComponentB = { /* ... */ } 在components 选项中定义你想要使用的组件 new Vue({ el: '#app',