- 博客(14)
- 收藏
- 关注
RSS订阅原创 Pinia状态管理
与Vuex相比，Pinia提供了一个更简单的API，具有更少的仪式，提供了Composition-API风格的API。和getters一样，在action中可以通过this访问整个store实例的所有操作。最重要的是，在与TypeScript一起使用时具有可靠的类型推断支持。在pinia中，可以定义任意数量的store来管理状态。
2025-02-06 18:05:00
320
原创 vuex状态管理
不论是getters还是mutation、action等，都不需要加模块名，默认会混入到store根组件中。类似组件的computed，某些数据需要变化后再提供给组件的时候，需要用到getters。不能直接改变store中的状态，只能通过提交（commit）mutation来修改。提交mutation时，可以携带参数，第一个是state，第二个是自定义的参数。(“方法名”)提交，在store中的mutation中修改。加命名空间后，使用的时候，前边加模块名。store中数据需要修改时，用。
2025-01-22 17:46:52
638
1
原创 vue前端路由
分包后进行打包，会发现分包没有明确的名字，此时可以对分包进行命名（webpack3.x开始支持）// 获取route跳转id（同一个页面跳转，active等都获取不到，可以用这种方法）路由来源于术语路由器，路由器主要维护的是一个映射表（ip），映射表会决定数据的流向。不加 *，template中获取路径不变，加上之后，路径根据 / 分割成数组。vue：单页面应用（SPA），路由的改变其实就是组件的切换，不刷新页面。中的最后一个*，加与不加的区别在于解析的时候是否解析。也可以通过query的方式传递参数。
2025-01-09 14:11:59
331
原创 vue组件化开发基础
若传递给一个组件的某个属性，但是该属性没有定义对应的props或者emits时，就称为非props的attribute，常见的例如class、style、id等，此时该属性会默认添加到子组件的根元素上。以上方式，如果在父组件发生事件，改变message的值，父组件会响应式改变，子组件不会改变，如果需要改变，需用以下写法。methods，components等，也都会被合并，都会生效，如果对象的key相同，会取组件对象的键值对。如果封装了一个组件，在其他地方使用时，也可以用v-model 完成这两个功能。
2024-12-24 17:31:20
1022
原创 knockOut.js 基础
1、鼠标划上提示全部：attr:{title:professional}2、foreach 循环在当前循环中获取 索引 $index获取上一层循环索引 parentContext.parentContext.parentContext.index
2022-03-07 15:30:10
196
2
原创 Vue指令(一)
指令格式以v-开始（比如v-cloak）1、v-cloak指令解决插值表达式存在的‘闪动’问题，原理为先隐藏，替换好之后再显示最终的值,如果不加这个指令，可能会先显示{{}},数据加载完成后再替换成最终值html<div id="app"> <div v-cloak>{{msg}}</div></div>css[v-cloak] { display: none;}jsvar vm = new Vue({
2022-01-14 14:49:01
249
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人