Vue.js知识问答社区，提供从入门到进阶Vue.js学习过程中常见疑惑问题答案和技术分享，同时包括了资深编辑和热心网友的回答。
vue---cli 构建
1.刚开始的时候 在 命令行输入 cnpm install -g vue-cli 然后会得到vue命令 可以用vue list 展示所有的模板vue init 模板 目录 模板是使用什么模板 目录就是项目目录 如果有项目文件了 就不用写 例：vue init webpack demo 会创建一个demo文件夹 一路回车 但...
vue中实现对一个数组进行搜索 vue实现搜索功能
vue中 实现搜索功能input中 v-model绑定<inputtype="text"placeholder="按主页名称或编号搜索"v-model="inputKey"><div> <divv-for="(item,index)insearch(inputKey)":key=&...
用Vue实现图片懒加载
懒加载：首先将图片的src链接设为同一张图，并将其真正的图片地址存储在img标签的自定义属性中。当js监听到该图片元素进入可视窗口时，即将自定义属性中的地址存储到src属性中，达到懒加载的效果。顾名思义，简单理解就是 当页面打开，首先所有数据引进来的图...
VUE中实现获取手机验证码之后 倒计时60s内不允许重新获取
今天上班刚好调取验证码登录接口，网上找了一个很不错的demo分享给大家，代码如下获取验证码{{count}}sdata(){return{show:true,count:'',timer:null,}},methods:{getCode(){constTIME_COUNT=60;if(!this.timer){this.count=TIME_COUNT;this.s...
vue中query与params传参的区别
query传参方式this.$router.push({ path:'/home', query:{ id:'19961022' }})query取值方式mounted(){ this.id=this.$route.query.id;}param传参方式this.$router.push({ name:'H...
vue表单验证 input输入框禁止输入空格
刚开始用的下面这个方法，因为我是电脑端f12的情况下调试移动端，所以下面这个方法可以实现禁止输入空格，于是就打包测试上线了，上线后才发现真机中不支持，应该是pc端和移动端事件不一样，所以如果你是pc端，可以使用下面这个方法。input上添加下方代码（我...
vue项目实录：下拉刷新组件的开发及slot的使用
下拉刷新和上滑加载更多功能在前端、尤其是移动端项目中非常重要，这里笔者由曾经做过的vue项目中的blink功能和各位探讨下【下拉刷新】组件的开发：正式开篇在前端项目的 components 文件夹下新建 pullRefreshView 文件夹，在其中新建组件 index....
Vue目录解析及Vue起步
Vue项目目录：目录解析：最主要的文件夹是src文件夹对于每个Vue应用，都需要实例化Vue：varvm=newVue({ //内容 })实例化的时候都可以设置什么呢？<divid="vue_det"> <h1>site:{{site}}</h1> <h1>url:{{url}}</h1> <h1>...
Vue 001 构建一个投票界面
目标：构建一个投票界面显示，票数高的在上方，票数低的在下方，可以点击进行投票，并动态显示。推荐使用工具：sublime Text 谷歌浏览器搭建主界面：<!DOCTYPE html><html> <head> <!--引入css文件--> <link rel="stylesheet" href="https:...
VUE与服务器交互方法
为什么使用axios和服务器交互？ 因为官网不对ajax 插件 vue-resource进行维护了，vue-resource 提供的价值和其维护成本相比并不划算，因此官方就不推荐了。。axios是啥？ axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端，它本身具有以下特征...
VUE常用插件库总结
一、UI组件及框架element- 饿了么出品的Vue2的web UI工具套件mint-ui- Vue 2的移动UI元素iview- 基于 Vuejs 的开源 UI 组件库Keen-UI- 轻量级的基本UI组件合集vue-material- 通过Vue Material和Vue 2建立精美的app应用muse-ui- 三端样式一致的响应式 UI 库vue...
{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1515056452',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','http://www.shouhuola.com//static/images/defaulticon.jpg', '《Vue.js》','http://www.shouhuola.com/cat-44','页面编码gb2312|utf-8默认gb2312'));){kind=link}