vue
不承认自己菜的菜鸡前端
这个作者很懒,什么都没留下…
展开
-
vue中使用自定义指令解决重复点击问题
vue中使用自定义指令解决重复点击问题// directive.jsexport default { install(Vue) { // 防重复点击(指令实现) //使用: 在需要的按钮中加 v-repeatClick 指令即可 Vue.directive('repeatClick', { inserted(el, binding) { el.addEventListener('click', () => {原创 2020-11-19 18:15:45 · 1072 阅读 · 0 评论 -
vue中的接口封装
vue中的接口封装安装npm install axios; // 安装axios引入在src目录下,新建一个request文件,包含http.js 和 api.js 文件http.js用来封装axiosapi.js用来管理接口// 在http.js中引入axiosimport axios from 'axios'; // 引入axiosimport QS from 'qs'; // 引入qs模块,用来序列化post类型的数据,后面会提到// vant的toast提示框组件,大家原创 2020-10-23 16:14:01 · 1038 阅读 · 0 评论 -
VUE的watch、computed、filter的比较
watch与computed、filter:watch:监控已有属性,一旦属性发生了改变就去自动调用对应的方法computed:监控已有的属性,一旦属性的依赖发生了改变,就去自动调用对应的方法filter:js中为我们提供的一个方法,用来帮助我们对数据进行筛选watch与computed的区别:1.watch监控现有的属性,computed通过现有的属性计算出一个新的属性2.watch不会缓存数据,每次打开页面都会重新加载一次,而computed如果之前进行过计算他会将计算的结果缓存,如果再次请原创 2020-09-04 11:44:42 · 700 阅读 · 0 评论 -
mini vue
html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv...原创 2020-04-30 14:16:40 · 274 阅读 · 0 评论