- 博客(5)
- 收藏
- 关注
RSS订阅原创 React hooks
React hooks React-hooks是React 16.8中的新增功能。它们使您无需编写类即可使用状态和其他React功能。 参考：https://reactjs.org/docs/hooks-intro.html React Hooks 优势： 简化组件逻辑 复用状态逻辑 无需使用类组件编写 常用 hook： useState const [state, setState] = useState(initialState); useEffect 类组件 componentDidMount、
2020-12-06 20:30:08
110
原创 Vue路由中的重定向与别名
Router 重定向 有的时候，我们会根据某种需求对用户请求的页面进行重新定位 案例 现有一小说网站，提供了 男生频道 和 女生频道 的两个入口，用户首次进入页面的时候，会出现选择，并记住用户的选择，以后该用户进入网站直接根据记录的选择进入对应的频道 组件示例 1.BookChoose.vue <template> <div> <router-link :to="{name: 'book-boy'}">男生</router-link&g
2020-10-06 20:00:44
394
原创 嵌套路由
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
2020-09-28 10:25:14
177
原创 Vue中处理组件切换的三种方式
Vue中处理组件切换的三种方式： 1.v-if切换： v-if的方式来切换视图:创建和销毁(导致组件的状态不能留存) 2.v-show切换： 显示和隐藏,没有办法操作Dom结构(会保存组件的状态) 3.动态组件切换： 可以操作DOM, 并且可以留存下数据; 切换时触发的生命周期： 激活activated 冻结 deactivated 这两个方法; 用keep-alive可保存组件的状态 代码示例: <template> <div> <butt
2020-09-23 20:02:39
4000
1
原创 组件注册与组件通信
全局注册 组件定义：Vue.component('组件名称','组件内容') 参数1： 自定义组件名称 参数2： 组件的内容(对象的形式) 局部注册： 通过一个普通的 JavaScript 对象来定义组件 var ComponentA = { /* ... */ } var ComponentB = { /* ... */ } 在components 选项中定义你想要使用的组件 new Vue({ el: '#app',
2020-09-21 19:12:35
124
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人