- 博客(10)
- 问答 (4)
- 收藏
- 关注
RSS订阅原创 mapState 与 mapGetters 的语法
// mapState 接收一个数组做为参数，参数中的每一项，就是在仓库中的 state 数据mapState([state1, state2, state3])// mapGetters 接收一个数组做为参数，参数中的每一项，就是在仓库中的 getter 数据mapGetters([getter1, getter2])mapState 与 mapGetters 的语法// mapState 接收一个数组做为参数，参数中的每一项，就是在仓库中的 state 数据mapState([stat
2020-05-28 11:50:47
440
原创 在项目中 ESLint 的配置让我们不使用分号，然后 prettier 这个格式化工具自动使用了分号，如何处理？
在项目中配置 prettier 的配置文件package.json 中配置 prettier 属性.prettierrc 文件.prettierrc.js 或者 .prettierrc.json 文件.prettierrc.toml 文件在 prettier 的配置文件中去做一些配置即可
2020-05-21 15:40:37
2601
原创 vue脚手架创建项目时的 linter / formatter 配置选择
ESLint with error prevention only只配置使用 ESLint 官网的推荐规则这些规则在这里添加链接描述ESLint + Airbnb config使用 ESLint 官网推荐的规则 + Airbnb 第三方的配置Airbnb 的规则在这里添加链接描述ESLint + Standard config使用 ESLint 官网推荐的规则 + Standard 第三方的配置Standard 的规则在这里 添加链接描述ESLint + Prettie.
2020-05-21 15:39:02
25757
原创 vuex 的 module
vuex 的 module一、什么时候需要在 vuex 中使用 module由于使用单一状态树，应用的所有状态会集中到一个比较大的对象。当应用变得非常复杂时，store 对象就有可能变得相当臃肿。为了解决以上问题，Vuex 允许我们将 store 分割成模块（module）。每个模块拥有自己的 state、mutation、action、getter、甚至是嵌套子模块——从上至下进行同样方式的分割：项目越做越大，功能点越写越多。需要使用 vuex 共享的数据越来越庞大时，就需要使用 module
2020-05-21 10:17:49
236
原创 使用 action 异步的修改 state 数据
使用 action 异步的修改 state 数据首先需要知道，mutation 里面只允许同步的去修改 state 数据。（虽然在mutation中可以异步的去修改state数据不会报错，但是会导致时间旅行等机制没有效果）如果异步的修改的化，有两个大方案不涉及action。在组件上异步代码走完之后再去调用 mutation使用 action使用 action。首先需要在 actions 选项中定义 action 函数注意：action 中不能直接去修改 state，要修改是通过 contex
2020-05-21 10:09:25
2976
原创 vuex 组件中如何使用和修改 state 与 getter数据
组件中如何使用 state 与 getter方案一、使用挂载到 Vue原型上的 $store 对象。这个 $store 就是 new Vuex.Store() 生成的仓库实例对象方案二 (推荐)、使用 computed<script>export default { computed: { curCity() { return this.$store.state.curCity; }, cart() { return this.$sto
2020-05-21 09:56:16
4274
原创 vuex的仓库中的五大核心概念和使用
五大核心概念state 专门存共享数据的地方getter 可以针对现有的 state 数据或者其余的 getter 做的一个二次计算。可以理解为仓库的计算属性mutation 唯一能够修改 state 数据的东西，不允许写异步代码action 它里面可以写异步代码，它如果要修改 state 数据，是通过去调用 mutationmodule 仓库模块的拆分使用项目中安装 vuex$
2020-05-21 09:49:00
223
原创 $route 与 $router 的区别
1. $route 是当前匹配的路由信息对象，可以通过他获取一些当前路由的一些信息。比如 params 动态参数。vue 将 $route 挂到了每个组件的 data 数据里面。 2. $router 就是 new VueRouter() 生成的那个实例对象，vue 将他挂载到了 Vue 的原型上面， 所以每个组件都通过访问，然后使用来完成编程式导航的一些操作...
2020-05-18 17:29:26
185
原创 使用路由后页面不渲染
页面中没有提供 router-view (路由视图)当前的url地址没有与之匹配的路由规则去处理 <div id="app"> <!-- 渲染页面 --> <router-view></router-view> <hr /> <!-- 通过 router-link 提供一些超链接来实现路由的跳转功能 --> <ul> <li>.
2020-05-18 11:07:34
1488
原创 es6 中 find 和 findIndex 区别和方法
ES6为Array增加了find()，findIndex()函数；find()函数用来查找目标元素，找到就返回该元素，找不到返回undefined。findIndex()函数也是查找目标元素，找到就返回元素的位置，找不到就返回-1。都是查找回调函数。arr.find((value, index, arr) => { })查找函数有三个参数：value：每一次迭代...
2020-05-06 18:39:12
272
空空如也
横向滚动条失效，求解
2021-12-06
element input框切换下拉框select 验证规则不消失（dom 不存在）
2021-06-10
一直报 clearValidate 错误是什么原因，试了 next tick也还是不行
2021-06-08
文本框不能以http://或者https://开头，怎么匹配
2021-06-02
TA创建的收藏夹 TA关注的收藏夹
TA关注的人