Gavid的博客

目录1.使用Vue-resource实现品牌的增删查功能2.动画2.1使用过度类名实现动画2.2自定义v-前缀2.3使用第三方animate.css类实现动画2.4钩子函数实现半场动画2.5使用transition-group元素实现列表动画3. 组件3.1组件的创建方式（推荐使用第3种）3.1.1创建方式13.1.2创建方式23.1.3创建方式3（...

文章转自VUE+Axios请求加安全级别（加密、签名、时间戳）与java服务端解析文章目录前端后端使用前端封装加密工具,这个是引用了crypto.js，通过npm安装npm i --save crypto-js通过crypto-js实现 加解密工具/*** 通过crypto-js实现 加解密工具* AES、HASH(MD5、SHA256)、base64*/import...

Vue 中， vue-resource实现路由拦截（权限）需求描述问题解决方式问题具体解决过程需求描述在使用 Vue 做前端项目时，如果该用户尚未登录则将其重定向到登录页面进行登录，登录成功后才能浏览系统其他页面。问题解决方式Vue 路由功能与 vue-resource 的拦截功能进行结合，即可结局本问题问题具体解决过程import Vue from 'vue'import ...

vue-resource 设置请求超时后，做出对应响应需求描述问题解决方式具体解决过程1. vue-resource 中 inteceptor 的基本介绍2. inteceptor 的基本用法3. 使用 inteceptor 解决本问题3.1 超时之后可以在then的第二个error方法中获取（==推荐==）3.1.1 在 main.js 中进行全局的请求拦截方式3.1.2 在 页面请求设置 中进...

1.问题描述：今天遇到一个问题，就是在前端想要动态更新集合数据（删除）的时候（初始数据全部信息已保存在集合中）2.问题解决方式：通过查资料，集合存在动态删除元素的方法——splice()2.具体解决方式： for(var k = 0;k< curThis.List.length;k++){ if(curThis.List[k].Status ==...

1.问题描述：今天遇到一个问题，就是在前端想要更新数据的时候（初始数据全部信息已保存在data中），发现后台只传给该数据的ID，，想要通过ID获取到对应的名称，添加到一个新的对象中。2.问题解决方式：通过查资料，找到 Vue 提供的一种全局添加对象字段的方法。2.具体解决方式：Vue.$set([想要添加字段的对象],'字段名',字段值) ...

1.问题描述：今天，要将使用 Vue 前端框架编写的项目，想要在服务器进行项目的部署，由于Vue框架的 webpack 具有打包功能，但是在打包到部署过程中还存在一些问题，现在我将打包部署过程进行详细的描述一次，避免以后踩坑。Question：可能会出现在浏览器浏览项目，出现空白页的情况。2.问题解决办法：通过查询资料，产生空白页的原因是由于项目的路径有问题。对项目打包时的路...

 this.$options.methods.test2(); new Vue({ el: '#app', data: { test:111, }, methods: { test1:function(){ alert(this.test) }, test2:function(){...

目录1.webpack.config.js模板2.main.js 模板3.router.js 模板4.App.vue 模板5.index.html 模板1.webpack.config.js模板// 由于 webpack 是基于Node进行构建的，所有，webpack的配置文件中，任何合法的Node代码都是支持的var path = require('path')...

目录1.品牌添加、删除、查询案例2.过滤器2.1全局过滤器2.2私有过滤器3.字符串的padStart方法的使用（指定显示长度）4.自定义全局按键修饰符5.自定义指令5.1自定义全局指令5.1.1 自定义全局指令让文本框获取焦点5.1.2 自定义全局指令设置字体颜色（使用钩子函数的第二个参数）5.2 自定义私有指令5.3 binding、update...

目录1.Watch属性1.1监听文本框数据的变化，出发对应函数 1.2 监听路由地址的改变2.computed属性3. watch、computed 和 methods 之间的对比4. Webpack 4.1 webpack 的基本概念4.2 webpack的安装4.3 webpack 的基本使用 4.4 webpack-dev-server 配置命令...

目录1.使用Vue中的ref属性获取DOM元素和组件2.路由(router)2.1基本概念2.2 router 的基本使用(link、重定向、路由高亮、动画切换)2.3路由传参2.3.1方式1（使用查询(query)字符串进行传参）2.3.2方式2（使用路由规则params方式进行传参）2.4 路由嵌套2.5命名视图实现经典布局1.使用Vue中的ref属性获...

目录1.后端MVC框架与前端MVVM框架图解2.Vuejs基本用法2.1Vue基本格式：2.2常用属性总结2.3定时器的使用2.4事件修饰符2.5 v-model 实现数据的双向绑定2.6给元素设置class类样式2.7 v-for 指令的四种使用方式2.8 v-if 和 v-show 指令1.后端MVC框架与前端MVVM框架图解2.Vuej...

文章目录1.问题描述：2.问题解决办法：3.问题解决详细过程：1.问题描述：今天，要将使用 Vue 前端框架编写的项目，想要在服务器进行项目的部署，由于Vue框架的 webpack 具有打包功能，但是在打包到部署过程中还存在一些问题，现在我将打包部署过程进行详细的描述一次，避免以后踩坑。Question：可能会出现在浏览器浏览项目，出现空白页的情况。2.问题解决办法：通过查询资料，产生空...