vue2.x

本文正在参加「金石计划 . 瓜分6万现金大奖」 最近笔者在做大屏项目的时候的时候，由于组件数据传递，一层传递一层，使用vuex或者pinia又显得过于笨重。故而想起了那个传说中的v-bind="$at

持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第3天，点击查看活动详情 近期早上看书📖多些，博客的话，更多的在抽一些零碎的时间在弄，现在的这篇也算是有点纪念意义啦，因为莎童鞋就在

这篇内容主要是学习掘金小册vue组件精讲的一个案例，自己做下笔记，以免日后忘记。 我所理解的mixins就是共享，就好比面向对象里面的原型prototype那种感觉的东西，把相同的逻辑抽离出来便于维护。 methods 里定义的 dispatch 和 broadcast 方法会…

接下来写样式的时候就都要用 rem 做单位，想想还是有点麻烦，有没有什么好办法还是正常写 px 单位，但是编译代码的时候能转化成 rem。 postcss-pxtorem 帮我吗？

然后在Observer中，初始化劫持对象属性的时候--Dep.target && dep.addSub(Dep.target),就说如果Dep的target有属性，那就通过dep实例方法addSub添加进收集器中。 set方法中设置新值的时候，需要通过dep…

在observe方法中对data进行判断，然后forEach遍历，对每个item数据子项调用defineReactive方法从而完成对data数据的劫持。 问题：如果直接通过vm.$data.person = {a；1}去修改了person对象，那么新修改的person对象不会…

这篇主要是实现从 new MVVM() → Compile → 初始化视图相关部分内容。 首先是入口类Mvue，然后是编译类Compile，下面来看下部分的实现，Compile类中关于节点的具体编译还有待进一步实现。 从文档中一个节点插入文档碎片后，这个节点会从原本的文档树中删…

⽬前⼏种主流的mvc(vm)框架都实现了单向数据绑定，⽽我所理解的双向数据绑定⽆⾮就是在单向绑定的基础上给可输⼊元素（input、textare等）添加了change(input)事件，来动态修改model和 view，并没有多⾼深。所以，不要恐惧。 ⼀般通过sub, pub的…

基本上就是参照着大佬的代码进行的，自己多理解多写几遍就能好很多。 项目的src目录下建立一个request的文件夹。 axios.get()方法和axios.post()在提交数据时参数的书写方式还是有区别的。 get:get的第2个参数是一个{}，然后这个对象的params属…

vuex全家桶系列07-商铺库存和购物车总价处理-下篇1.products.js中的内容:库存减少的处理2.shoppCart组件的内容就是通过mapState和mapGetters完成映射3.补充下

addProduct(item) 需要将当前的 产品项item 传递进去。

🤣获取其他模块的数据：rootState + 模块名字 + 属性名字,例如：rootState.products.products 获得的是 products模块 的 products数组的内容。 特别注意 cartList 中的值，需要有个默认的值，因为获取到数据之前，先跑…

添加了 添加购物车 按钮，然后添加 addProduct(item) ,将 产品item 作为参数传递进去。

引入axios然后发送请求，提交到mutations中去,页面渲染。

由于使⽤单⼀状态树，应⽤的所有状态会集中到⼀个⽐较⼤的对象。当应⽤变得⾮常复杂时， store 对象就有可能变得相当臃肿。为了解决以上问题， Vuex 允许我们将 store 分割成模块（ module） 。每个模块拥有⾃⼰的 state、 mutation、 action、g…

vuex全家桶系列02-vuex中的辅助函数1.vuex中的辅助函数这里面就是个简单的使用哈，大道至简殊途同归mapState,mapGetters,mapMutations,mapActions,不

然后通过new Vuex.Store创建一个store,然后暴露出去。 第三种：matState+数组，这个时候count属性名要和store/index.js中的保持一致。 。引申：拿到vuex的属性，可以在computed中通过this来加入组件自己的data属性。

有时候，进⼊某个路由后，需要从服务器获取数据。例如，在渲染⽤户信息时，你需要从服务器获取⽤户的数据。可以通过两种⽅式来实现： 导航完成之后获取：先完成导航，然后在接下来的组件⽣命周期钩⼦中获取数据。在数据获取期间显示“加载中”之类的指示。 导航完成之前获取：导航完成前，在路由进…

没有user缓存：就通过next({path:"/login",query:{redirect:to.fullPath}})让他跳转到登录页面，并通过query和to.fullPath将自己的路径(这个例子里面的是/blog)传递给login,这样在登录后就可以通过重定向跳转回…

1.组件内的守卫： 🍊可以在路由组件内直接定义以下路由导航守卫： beforeRouteEnter beforeRouteUpdate (2.2 新增) beforeRouteLeave 🤖需求以及主