04 2022 档案
摘要：1.mapState方法：用于映射state中的数据为计算属性 computed: { //对象写法 ...mapState({ sum: "sum", role: "role", age: "age", ability: "ability", //数组写法 ...mapState(["sum",
阅读全文
摘要：1.概念：专门在Vue中实现集中式状态(数据)管理的vue插件，对vue应用中多个组件的共享状态进行集中式读/写， 并且也是组件间的通信方式，且适用于任意组件间的通信。 2.使用场景：1.多个组件依赖于同一状态(数据)； 2.来自不同组件的行为需要变更同一状态(数据)； vue2使用vuex3版本，
阅读全文
摘要：slot 1.作用：使父组件向子组件插入html结构，也是组件间通信的一种方式，父组件 >自组件； 2.分类：默认插槽、具名插槽、作用域插槽； 3.使用方式： 1.默认插槽： 父组件： <Category> <div>html结构</div> </Category> 子组件： <template>
阅读全文
摘要：使用export和import实现模块化：export用于对外输出本模块变量的接口（一个文件可以理解为一个模块）。import用于在一个模块中加载另一个含有export接口的模块。 ES6的模块化的基本规则或特点：现在ES6自带了模块化， 也是JS第一次支持module， 在很久以后 ，我们可以直接
阅读全文
摘要：开启代理服务器(主要为了解决跨域问题，也可以使用nginx服务器) // devServer: { // proxy: "", //代理服务向目标服务器请求 的地址 // }, devServer: { proxy: { //请求前缀，匹配所有与请求前缀相同的请求路径 requestprifix01
阅读全文
摘要：nextTick： 小驼峰写法，写错无效；在下一次DOM更新结束后执行回调； this.$nextTick(指定的回调函数)
阅读全文
摘要：1.作为一种，子组件 >父组件 的组件间通信方式； 2.使用场景：父组件中需要给子组件绑定自定义事件，并且事件的回调需要在父组件中； 3.绑定： 1.在父组件中：<Demo @CustomCaseName = "test" / > 或 <Demo v-on:CustomCaseName = "tes
阅读全文
摘要：1.存储内容带下一般在5MB左右(不同浏览器不一样)； 2.浏览器端通过Window.sessoionStorage和Window.localStorage属性实现本地存储机制； 3.API： 1.sessionStorage.setItem('key','value'); / localStora
阅读全文
摘要：1.拆分静态组件：按功能点拆分，命名不能与html元素冲突； 2.实现动态组件：数据的存放位置，数据是一个组件使用还是一些组件共同使用 1).一个组件使用：放在组件自身； 2).多个组件使用：置于它们共同的父组件(状态提升)； 3.实现交互：从绑定事件开始 prop： 1).父组件=>子组件 2).
阅读全文
