![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端架构
宫小白(转掘金了)
热爱文学,热爱生活,热爱编程
展开
-
WEB架构师学习笔记_Vue_03简单实现Vuex
知识导航 vuex的使用 Vuex的基本实现 1. vuex的使用 Vuex想必我们都很熟悉了,它就是实现全局状态的一种管理机制。即可以实现所有组件共享同一数据。 1.1 实例化store时传入的参数 state:放数据;mutations:改变数据的一些方法; { state: { count: 0 }, mutations: { add(state, a) { state.count += a; },原创 2020-05-13 11:24:33 · 216 阅读 · 0 评论 -
WEB架构师学习笔记_Vue_02 手写一个路由
知识导航: 路由重要知识点 手写一个路由 知识点(建议最后看,放到是为了方便复习) 1. 路由重要知识点 vue-router对于写过vue的人想必是很熟悉了,所以这里忽略它的一些基本用法了。 1.1 动态路由 所谓动态路由就是类似那种restful接口对接形式,即以/demo/:id,即可匹配到demo路由同时可在demo路由下的组件中拿到传过来的id值。 示例: 路由配置中: { path: "/", component: Home, children: [ { path: "", name: "原创 2020-05-10 12:16:59 · 284 阅读 · 0 评论 -
WEB架构师学习笔记_Vue_01组件化常用技术
ps:本系列博客稍微偏向原理,若只想用法那官方文档最合适不过了。 知识导航: 组件通信 插槽 手写elementui表单 1. 组件通信 1.1 父到子 方式一:利用属性props 此方法的核心是props,那么先来简单介绍它。 props的作用接收父组件传递过来的数据。它有两种类型,即数组或对象,而对象是被允许做一些高级配置的,如规定prop的类型、指定初始值、设置为该prop是否必填、...原创 2020-05-06 01:06:18 · 203 阅读 · 0 评论