Vue
Java少年
人生四种境界: 不知道自己不知道;知道自己不知道;不知道自己知道;知道自己知道。
展开
-
Vue.js入门—快速搭建环境
参考博客:http://www.cnblogs.com/qdrw/articles/6380091.htmlVue开源项目汇总(史上最全)(转):https://www.cnblogs.com/wangbin/p/10643242.htmlVue-webpack项目配置详解:https://blog.csdn.net/air_hjj/article/details/77374920快速...原创 2018-09-25 13:41:06 · 233 阅读 · 0 评论 -
vue.js 使用keep-alive设置返回不刷新
在首页点击一条数据进入详情页,按返回键返回首页时页面刷新了重新调用接口,用户体验比较差,不流畅,这里整理总结一下我的解决方案。。。<keep-alive>是Vue的内置组件,能在组件切换过程中将状态保留在内存中,防止重复渲染DOM。原理:https://blog.csdn.net/zhangjing0320/article/details/80819652<keep-...原创 2019-09-25 15:26:25 · 537 阅读 · 0 评论 -
axios快速入门
现在的ajax技术已经很好了,但是vue.js中axios方法是vue特有的,这里简单介绍一下。axios中文文档:https://www.kancloud.cn/yunye/axios/234845这边博客写的不错:https://www.jianshu.com/p/df464b26ae58一、简介axios 是一个基于 Promise 的 HTTP 客户端,专门为浏览器和 ...原创 2019-01-03 23:01:11 · 1087 阅读 · 0 评论 -
vue.js打包部署上线
这里简单记录一下vue项目打包部署服务器的过程以及出现的问题,以便后续学习。。。我们使用cnpm run dev 运行项目,只是在本地开发环境中进行测试,一旦将项目部署到服务器上就会出现各种问题,如axios请求跨域、css样式失效、图片失效、地址跳转404等一系列问题。。。这里主要简单介绍一下解决方案,需求:将项目成功打包部署到linux下,能成功访问到页面。步骤一:修改config...原创 2018-10-13 22:58:04 · 6989 阅读 · 0 评论 -
vue.js 实战小结
以下内容均来自:https://www.cnblogs.com/christineqing/p/7489770.html。先陈列一下vue的整体架构:事件:methods:{ };过滤器:filters:{ };计算:conputed:{ };观察者:watch:{ }; 钩子函数:created:function(){//创建},mounted:function(...转载 2018-11-12 21:23:02 · 428 阅读 · 0 评论 -
vue.js—定义全局变量、函数
废话不多说,直接上代码,以便以后学习查看。。。一、全局变量原理: 1. 单独新建一个全局变量模块文件,模块中定义一些变量初始状态,用export default 暴露出去。 2. 在main.js中引入,并通过Vue.prototype挂载到vue实例上面。供其他模块文件使用; 3. 或者直接引入到需要的模块文件中使用;步骤一、定义一个全局组件 Global.vue,里面只有&l...原创 2018-10-16 00:37:33 · 19090 阅读 · 1 评论 -
vue.js生命周期
参考博客:https://www.cnblogs.com/goloving/p/8616989.html https://www.cnblogs.com/mengff/p/9516473.html一、定义:Vue实例从创建到销毁的过程,就是生命周期。Vue的生命周期包括:开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、卸载等一系列过程。...原创 2018-11-13 12:23:32 · 148 阅读 · 0 评论 -
vue.js—60秒倒计时
最近项目中需要实现获取验证码的功能,这里做了一个简单实现方式。废话不多说,直接撸代码。。。。。<div class="purse-mid-yanzheng"> <span class="purse-mid-yanzheng-one">验证码</span> <input ...原创 2018-10-12 23:54:38 · 5651 阅读 · 0 评论 -
Vue.js入门—60分钟快速入门
Vue.js是当下很火的一个JavaScript MVVM库,它是以数据驱动和组件化的思想构建的。相比于Angular.js,Vue.js提供了更加简洁、更易于理解的API,使得我们能够快速地上手并使用Vue.js。本文摘自:http://www.cnblogs.com/keepfool/p/5619070.html如果你之前已经习惯了用jQuery操作DOM,学习Vue.js时请先抛开手...转载 2018-10-11 22:10:05 · 159 阅读 · 1 评论 -
vue中使用rem适配方案
一、移动端适配常见方案: (1)通过媒体查询的方式即CSS3的meida queries (2)以天猫首页为代表的 flex 弹性布局 (3)以淘宝首页为代表的 rem+viewport缩放 (4)rem 方式参考博客:https://blog.csdn.net/chenjuan1993/article/details/81710022二、vue中使用re...原创 2019-10-06 19:16:48 · 11151 阅读 · 2 评论