abc2944069953的博客

与Vuex相比，Pinia提供了一个更简单的API，具有更少的仪式，提供了Composition-API风格的API。和getters一样，在action中可以通过this访问整个store实例的所有操作。最重要的是，在与TypeScript一起使用时具有可靠的类型推断支持。在pinia中，可以定义任意数量的store来管理状态。

不论是getters还是mutation、action等，都不需要加模块名，默认会混入到store根组件中。类似组件的computed，某些数据需要变化后再提供给组件的时候，需要用到getters。不能直接改变store中的状态，只能通过提交（commit）mutation来修改。提交mutation时，可以携带参数，第一个是state，第二个是自定义的参数。(“方法名”)提交，在store中的mutation中修改。加命名空间后，使用的时候，前边加模块名。store中数据需要修改时，用。

分包后进行打包，会发现分包没有明确的名字，此时可以对分包进行命名（webpack3.x开始支持）// 获取route跳转id（同一个页面跳转，active等都获取不到，可以用这种方法）路由来源于术语路由器，路由器主要维护的是一个映射表（ip），映射表会决定数据的流向。不加 *，template中获取路径不变，加上之后，路径根据 / 分割成数组。vue：单页面应用（SPA），路由的改变其实就是组件的切换，不刷新页面。中的最后一个*，加与不加的区别在于解析的时候是否解析。也可以通过query的方式传递参数。

若传递给一个组件的某个属性，但是该属性没有定义对应的props或者emits时，就称为非props的attribute，常见的例如class、style、id等，此时该属性会默认添加到子组件的根元素上。以上方式，如果在父组件发生事件，改变message的值，父组件会响应式改变，子组件不会改变，如果需要改变，需用以下写法。methods，components等，也都会被合并，都会生效，如果对象的key相同，会取组件对象的键值对。如果封装了一个组件，在其他地方使用时，也可以用v-model 完成这两个功能。

修改账号

完成以上tab切换功能。

【代码】watch监听。

例：假如newValue是个proxy对象。

使用计算属性时不加括号。

指令格式以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({

HelloWorld