随笔分类 - Vue.js总结
摘要：问题描述对于.vue的文件来说，也是由结构、行为、样式三部分组成，在样式部分有个scoped的属性，也就是当前页面有效，当style标签内样式比较多时或者.vue文件之间有重复的时候，总感觉看起来不够整洁，所以就需要引入一些公共样式。下面就先说下如何引入单独的样式文件，这里就以CSS文件为例，之后再
阅读全文
摘要：选择vue-awesome-swiper插件的原因是，他就是根据swiper插件改写而来的，功能齐全，模式多种，而我又刚好在swiper官网看到该种特效。 1、进入项目目录，安装swiper 2、main.js里要引入资源 3、编辑组件 我是用v-for遍历data里的数组来形成轮播图的，也可以不使
阅读全文
摘要：做E积分项目，首页轮播图用vue里swiper插件，轮播图片由后台返回，并且数据要循环出来。 最开始没有加 :key="item.id" ，页面报错： 简单说就是有相同父元素的子元素要有一个唯一的key，这样才能避免渲染错误，具体解释如下图：
阅读全文
摘要：基本使用方法： 手机上不能点击的处理办法 滚动事件 返回顶部 上拉下拉事件 转自：http://blog.csdn.net/weixin_38788947/article/details/77447785?fps=1&locationNum=3
阅读全文
摘要：1、用法 A、query要用path来引入（用name来引入也可以）,接收参数都是this.$route.query.name。 B、params要用name来引入，接收参数都是this.$route.params.name。 2、效果 A、query类似于ajax中get传参，即在浏览器地址栏中显
阅读全文
摘要：querySelector() 方法返回文档中匹配指定 CSS 选择器的一个元素。 注意： querySelector() 方法仅仅返回匹配指定选择器的第一个元素。如果你需要返回所有的元素，请使用 querySelectorAll() 方法替代。 例如：获取文档中 id="demo" 的元素： do
阅读全文
摘要：http://blog.csdn.net/sinat_17775997/article/details/76474892 http://blog.csdn.net/k491022087/article/details/70232965 http://www.cnblogs.com/congxueda
阅读全文
摘要：键盘事件： keyFun(event){ if (event.keyCode!=8&&event.keyCode!=46) { var val=this.tel //console.log(val) if (val.length == 3) { ...
阅读全文
摘要：路由传参数。在很多时候我们需要路由上面传递参数，比如新闻列表页，我们需要传递新闻ID，给新闻详细页。 1.新闻列表页模板 我们访问/news/001，跳转到新闻详细页，展示001的这条新闻。 2.新闻详细页组件准备 $route.params.id获取路由上的参数 在js里定义路由组件： 3.定义路
阅读全文
摘要：一、安装vue-cli 安装vue-cli的前提是你已经安装了npm，安装npm你可以直接下载node的安装包进行安装。你可以在命令行工具里输入npm -v 检测你是否安装了npm和版本情况。出现版本号说明你已经安装了npm和node，我这里的npm版本为3.10.10。如果该命令不可以使用，需要安
阅读全文
摘要：在 Vue.js 的项目中，如果项目结构简单， 父子组件之间的数据传递可以使用 props 或者 $emit 等方式。 但是如果是大型项目，很多时候都需要在子组件之间传递数据，使用之前的方式就不太方便。Vue 的状态管理工具 Vuex 完美的解决了这个问题。 一、安装并引入 Vuex 项目结构： 首
阅读全文
摘要：这两天学习了Vue.js 感觉知识点挺多的，所以，今天添加一点小笔记。 项目中将后台返回的数据v-for到表格中，然后需要将这个表格导出为EXCEL 只说怎么做。 一、需要安装三个依赖： npm install -S file-saver xlsx npm install -D script-loa
阅读全文
摘要：在vue.js中，有methods和computed两种方式来动态当作方法来用的 如下： 两种方式在这种情况下的结果是一样的 写法上的区别是computed计算属性的方式在用属性时不用加(),而methods方式在使用时要像方法一样去用，必须加() 两种方式在缓存上也大有不同，利用computed计
阅读全文
摘要：问题 最近在使用 Vue 做东西，用到钉钉扫描登录的功能，这里需要引入远程的 js 文件，因为 Vue 的方式跟之前的不太一样，又不想把文件下载到本地应用，找了一下解决的方法，貌似都需要引入第三方的库，最后找到了解决方案，分享之。 思路 一开始的思路是在 Vue 加载完 Dom 之后（mounted
阅读全文
摘要：<!DOCTYPE html><html><head> <title></title> <meta charset="utf-8"> <script src="http://unpkg.com/vue/dist/vue.js"></script> <script src="https://unpkg
阅读全文
摘要：除了使用 <router-link> 创建 a 标签来定义导航链接，我们还可以借助 router 的实例方法，通过编写代码来实现。router.push(location)想要导航到不同的 URL，则使用 router.push 方法。这个方法会向 history 栈添加一个新的记录，所以，当用户点
阅读全文
摘要：目录 ajax简介 axios介绍 手把手封装一个ajax 封装好的ajax特点 ajax简介 axios介绍 手把手封装一个ajax 封装好的ajax特点 正篇 ajax简介 AJAX即“Asynchronous Javascript And XML”（异步JavaScript和XML），在以往，
阅读全文
摘要：vue更新到2.0之后，作者就宣告不再对vue-resource更新，而是推荐的axios,前一段时间用了一下，现在说一下它的基本用法。 首先就是引入axios,如果你使用es6，只需要安装axios模块之后 当然也可以用script引入 axios提供了一下几种请求方式 这里的config是对一些
阅读全文
摘要：keep-alive缓存组件，避免多次加载相应的组件，减少性能消耗。 include - 字符串或正则表达式。只有匹配的组件会被缓存。 exclude - 字符串或正则表达式。任何匹配的组件都不会被缓存。 <keep-alive include="KeepAlive"> <router-view >
阅读全文
摘要：一个项目学会vue全家桶+axios实现登录、拦截、登出功能，以及利用axios的http拦截器拦截请求和响应。 前言 该项目是利用了Github 提供的personal token作为登录token，通过token访问你的Repository List。通过这个项目学习如何实现一个前端项目中所需要
阅读全文
浙公网安备 33010602011771号