vue.js
文章平均质量分 57
陨石猎人
向世界交付你的价值,并得到回报
展开
-
vue中事件绑定加括号和不加括号的区别
vue中事件绑定加括号和不加括号的区别@click=“fun”不带括号、不写实参的fun默认传event (事件对象)@click=“fun(value)”只要加括号,无论是否传值,都属于传实参给函数,event (事件对象)就接收不到。如果需要实参、又需要event (事件对象),就需要手动传入 event (事件对象),如下:@click=“fun($event, value)”注:Vue中的@click和React中的onClick实现原理是不一样的,React onClick必须接收原创 2021-07-02 11:06:38 · 5527 阅读 · 0 评论 -
vuex中mutation和action的详解
官方文档解释:Mutation:更改 Vuex 的 store 中的状态的唯一方法是提交 mutation。Action: 类似于 mutation,不同在于:Action 提交的是 mutation,而不是直接变更状态。Action 可以包含任意异步操作。单纯从使用的角度去看:代码更高效易维护, 逻辑清晰;只是规范,而不是逻辑的不允许,只是为了让这个工具能够追踪数据变化;为何mutation不能包含异步操作?每个mutation执行完成后都会对应到一个新的状态变更,这样devtools就原创 2021-06-17 15:21:15 · 4467 阅读 · 0 评论 -
Vuex持久化插件,同时配置sessionStorage,localStorage两种方式
本文主要讲解使用vuex-persistedstate持久化插件过程中,如果想同时配置sessionStorage,localStorage两种方式该如何处理;插件详细使用教程,请浏览另一篇文章:https://blog.csdn.net/qq_42205731/article/details/99979034先贴代码plugins: [createPersistedState({ // localStorage持久化处理 reducer(cache) { return .原创 2020-08-08 22:42:39 · 2259 阅读 · 0 评论 -
vue+vant项目中 rem适配配置
vant rem适配,需要安装两个插件postcss-pxtorem是一款 postcss 插件,用于将单位转化为 rem lib-flexible用于设置 rem 基准值postcss-pxtorem:npm install postcss-pxtorem --save-devlib-flexible:npm i -S amfe-flexiblemain.js...原创 2020-02-10 11:30:22 · 3996 阅读 · 0 评论 -
vue代码规范文档
本文参照 vue.js风格指南 https://cn.vuejs.org/v2/style-guide/我自己整理的word文档(不是特别详细-----温故) GitHub地址:https://github.com/dressLz/vue-rule 我们需要逐步,严格的规范自己的代码,才能有更好的成长空间,这些东西说小是小,但是会阻碍成长。要想成为一个牛逼的架...原创 2019-11-02 10:51:57 · 507 阅读 · 0 评论 -
搭建Vue脚手架
安装node.js cmd 命令行中输入node-v ,查看本机是否安装node.js, 如果没有 到 node官网下载https://nodejs.org/en/安装cnpm 安装完node.js 我们已经有npm包管理。为了更快更稳定,所以我们需要切换到淘宝的npm镜像——cnpm。 npm install -g cnpm -...原创 2018-08-14 17:20:43 · 162 阅读 · 0 评论 -
vue-cli 中组件的注册和使用, 父子组件相互传参
什么是组件组件: 组件的出现,就是为了拆分Vue实例的代码量的,能够让我们以不同的组件,来划分不同的功能模块,将来我们需要什么样的功能,就可以去调用对应的组件即可。模块化和组件化的区别 模块化:是从代码逻辑的角度进行划分的;方便代码分层开发,保证每个功能模块的职能单一 组件化:是从UI界面的角度进行划分的;前端的组件化,方便UI组件的重用。 一,组件注册和使用 ...原创 2019-03-11 23:28:52 · 2305 阅读 · 0 评论