logo头像
Snippet 博客主题
vue项目中快速使用阿里字体图标

vue项目中快速使用阿里字体图标

一、下载图标图 二、引入项目中将下载的图标库重命名,并放至assets文件夹 三、引入方式3.1、Unicode方式unicode是字体在网页端最原始的应用方式 兼容性最好,支持ie6+,及所有现代浏览器 支持按字体的方式去动...

vue中filter过滤器的使用

vue中filter过滤器的使用

一、全局filter过滤器的配置及使用1、在src下面新建filters/index.js 12345678const currency = (price) => { if (!price) return ...

vue中的v-model

vue中的v-model

v-model 实际上就是 $emit(‘input’) 以及 props:value 的组合语法糖,在背后做了两件事: v-bind绑定value属性的值; v-on绑定input事件监听到函数中,函数会获取最新的值赋值到绑定的属...

vueX中的Mutation不能使用异步函数

vueX中的Mutation不能使用异步函数

一、为什么必须是同步更新?因为在开发过程中,我们常常会追踪状态的变化。常用的手段就是在浏览器控制台中调试。而在 mutation 中使用异步更新状态,虽然也会使状态正常更新,但是会导致开发者工具有时无法追踪到状态的变化,调试起来就会很...

vue监听路由变化的几种方式

vue监听路由变化的几种方式

一、Vue监听路由变化的几种方式Vue页面开发中,我们经常需要根据路由的变化去实现一些操作,那么如何监听路由的变化呢?当然是利用VUE中的watch,请看代码。 1.1、监听路由从哪儿来到哪儿去 123456watch:{ ...

运行单vue文件

运行单vue文件

1、安装vue脚手架这里一定要安装4.x的脚手架,5.x的脚手架会报错 12npm install -g @vue/cli@4.xvue --version // 查看版本号 是否安装成功 2、@vue/cli-se...