仄言的博客

Vue基础篇（四）之列表的即时搜索      学到Vue的列表那里，发现列表的搜索是那种即时搜索的，很喜欢，所以分享一下！      列表的即时搜索，也就是通过使用计算属性来实现的，也可以通过监视来实现都可以的，我这里用的是计算属性，如果有朋友不明计算属性和监视，可以去这里查看计算属性和监视。       通过代码来讲解更直观一些，见下完整demo代码：       <...

vue+Swiper实现页面滑动切换 效果图如下： 安装swiper4npm install swiper 2.vue中引入 首先在main.js文件中引入swiper的css文件。import "swiper/dist/css/swiper.min.css"; 然后对于swiper组件，在组件中引入，也可以全局引入，但...

vue 实现better-scroll横向滚动 首先需要引入better-scrollc 插件（better-scroll插件作用主要是解决移动端的滚动环境（已支持PC））。npm install better-scroll --save//组件文件中引入better-scrollimport BScroll from 'better-scroll' ...

Vue 实现移动端左右滑动切换 实现这个功能需要用到touch指令，这个是面向vue2.0的touch指令，是基于touchjs(移动端手势库)。安装以及引入vue-touchnpm install vue-touch@next --save//在vue项目中的main.js文件中引入：import VueTouch from 'vue-touch'Vue.us...

Vue.js中获取json文件中指定数量的Json对象自己做项目时，需要引入json文件，可是想到如果json文件中的json对象有很多的话，一次性获取全部对程序性能会产生很大的影响，所以就想先获取到一部分，需要更多的时候，就增加获取的数量，这样会减轻程序运行的负担。export default { data: function() { return { ...

Vue 引用本地json文件 Vue引用本地的json文件其实是很容易的，废话不多说！ 首先来看哈文件目录结构json文件路径目标Vue文件路径引用Json文件<script>import TestData from "../../../static/Json/TestData.json";//引入josn文件export default {...

Vue进阶篇（一）之实现发送短信验证码登陆最近在学习Vue,在做登陆界面时，想用发送手机验证码的方式来访的登陆。结果发现网上没找到通过发送短信验证码的文档，所以我来分享啦！申请SMS的密钥到SMS官网注册一个账号，注册我就不多说了，很简单的。注册完之后，找到自己的密钥和API接口网址，我选择的是UTF-8的，如下图：Vue axios再讲Vue发送短信之前，要顺一下Vue发送...

Vue基础篇（三）之列表渲染（删除、更新、遍历）遍历数组         首先说的列表中最常见的遍历数组，在Vue中遍历数组时很方便的，使用v-for就可以实现，下面通过代码来说明更直观一点。        &lt;ul&gt;&lt;li v-for="(item,index) in arrays" :key="index" &gt; {{item.name}}+{{...

Vue基础篇（二）之计算属性和监视           最近在学习Vue，对学习的内容进行一个梳理和总结加深一下印象，也分享给大家，有什么可以留言一起讨论！          计算属性（computed）           对于计算属性本身而言其实并不难，它的难点就在你并不知道需要使用计算属性，很多时候都是直接使用的methods来实现一些都东西，但是其实使用computed更方便...