![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
WebCoderT
web小哥哥一枚。
展开
-
vue+vuex+fs+path中使用模板动态生成api,对api进行管理
使用node.js的fs文件操作模块配合path路径转换模块,获取模板文件,根据json配置文件统一生成。 let fs = require("fs"); let path = require("path"); let vuex_api_example, vuex_api_list; let vuex_api_example_path = path.resolve(__dirname, "./vuex_api_example.js"); let vuex_api_list_path = path.resol原创 2021-08-30 14:48:10 · 547 阅读 · 0 评论 -
vue+element-ui封装一个可以生成所有输入类型的弹窗
就是做一个弹窗,传值,生成所需要的表单,这样的话,省事。 最少我觉得省事 下面是封装的组件的代码 <template> <el-dialog :title="config.title" :visible.sync="config.dialogVisible"> <el-form :model="config.ruleForm" :rules="config.rules" ref="dialogInputsGroups" label-width="100p原创 2021-05-04 15:31:43 · 317 阅读 · 0 评论 -
前端使用axios与vuex对接口和数据统一管理
下面是写这篇博客的时候项目中使用的配置 axios,vue,vuex版本 "axios": "0.17.1", "vue": "2.5.16", "vuex": "3.6.0", 用法可参考官方文档: axios:http://www.axios-js.com/zh-cn/docs/ vue:https://cn.vuejs.org/ vuex:https://vuex.vuejs.org/zh/ 下面是对axios进行的二次封装service.js: import axios from "axios"原创 2020-12-11 17:28:43 · 212 阅读 · 0 评论 -
vue2.x和vue3.x实现双向绑定的不同方式
vue2.x 在vue2.x中,实现双向绑定,是使用Object.defineProperty()方法对属性设置get和set方法实现。 Object.defineProperty() let obj = {}; Object.defineProperty(obj,'name',{ get(){ //读取 console.log('get被调用了'); }, // set自带一个参数 set(value){原创 2020-12-03 10:44:36 · 227 阅读 · 0 评论 -
vue实现前端页面缓存
在vue中实现页面缓存 只需要添加keep-alive标签 例如下方: <keep-alive> <router-view/> </keep-alive> 接下来我们就需要来聊聊keep-alive标签对vue生命周期的影响 被keep-alive包裹的组件,加载过的页面,再次进入时,是不会执行页面第一次进入时的部分生命周期函数。并且被keep-alive包裹的组件会新增两个生命周期函数activated和deactivated。 如果有指定要求缓存某些组件以及一原创 2020-12-01 16:18:41 · 1633 阅读 · 0 评论