![](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 · 211 阅读 · 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 · 280 阅读 · 0 评论 -
WEB架构师学习笔记_Vue_01组件化常用技术
ps:本系列博客稍微偏向原理,若只想用法那官方文档最合适不过了。知识导航:组件通信插槽手写elementui表单1. 组件通信1.1 父到子方式一:利用属性props此方法的核心是props,那么先来简单介绍它。props的作用接收父组件传递过来的数据。它有两种类型,即数组或对象,而对象是被允许做一些高级配置的,如规定prop的类型、指定初始值、设置为该prop是否必填、...原创 2020-05-06 01:06:18 · 202 阅读 · 0 评论