文章分类 -  vue知识库

vue知识整理
摘要:Vetur、ESLint、Prettier - Code formatterBeautify插件会占用格式化代码的快捷键,因此会和prettier产生冲突,所以直接禁用掉 vscode插件配置 我把配置写在了工作区设置,配置如下: ESLint 和 Prettier 的冲突修复 由于需要同时使用pr 阅读全文
posted @ 2019-01-27 11:38 二月花开 阅读(308) 评论(0) 推荐(0)
摘要:index.js 用法: 注:使用install 的目的是 确保多次引用的情况下只加载一次 阅读全文
posted @ 2018-10-24 09:08 二月花开 阅读(3213) 评论(0) 推荐(0)
摘要:main.js 中: import axios from '................/axios' axios.js 中: //axios.js import Vue from 'vue' import axios from 'axios' Vue.prototype.$http = axi 阅读全文
posted @ 2018-10-17 10:58 二月花开 阅读(2940) 评论(0) 推荐(0)
摘要:本文面向对象是有一定Vue.js编程经验的开发者。如果有人需要Vue.js入门系列的文章可以在评论区告诉我,有空就给你们写。 对大部分人来说,掌握Vue.js基本的几个API后就已经能够正常地开发前端网站。但如果你想更加高效地使用Vue来开发,成为Vue.js大师,那下面我要传授的这五招你一定得认真 阅读全文
posted @ 2018-10-12 08:42 二月花开 阅读(206) 评论(0) 推荐(0)
摘要:export function hasClass(el, className) { let reg = new RegExp('(^|\\s)' + className + '(\\s|$)') return reg.test(el.className) } export function addClass(el, className) { if (hasClass(el, cla... 阅读全文
posted @ 2018-09-17 09:53 二月花开 阅读(544) 评论(0) 推荐(0)
摘要:修饰符 .lazy 在默认情况下,v-model 在每次 input 事件触发后将输入框的值与数据进行同步 。你可以添加 lazy 修饰符,从而转变为使用 change 事件进行同步: <!-- 在“change”时而非“input”时更新 --> <input v-model.lazy="msg" 阅读全文
posted @ 2018-09-01 09:43 二月花开 阅读(172) 评论(0) 推荐(0)
摘要:wacth属性 {{msg}} 阅读全文
posted @ 2018-08-30 10:17 二月花开 阅读(153) 评论(0) 推荐(0)
摘要:一、自定义指令的创建和使用 Vue自带的指令很多,v-for/v-if/v-else/v-else-if/v-model/v-bind/v-on/v-show/v-html/v-text...但是这些指令都是比较偏向于工具化,有些时候在实现具体的业务逻辑的时候,发现不够用,如何来自定义指令. 1、自 阅读全文
posted @ 2018-08-30 10:14 二月花开 阅读(483) 评论(0) 推荐(0)
摘要:过滤器:生活中有很多例子,净水器 空气净化器 。过滤器的作用:实现数据的筛选、过滤、格式化。 vue1.*版本是有内置的过滤器,但是在vue2.*所有的版本都已经没有自带的过滤器了。 1、过滤器创建 过滤器的本质 是一个有参数 有返回值的方法 new Vue({ filters:{ myCurren 阅读全文
posted @ 2018-08-30 10:09 二月花开 阅读(134) 评论(0) 推荐(0)
摘要:vue-i18n 仓库地址:https://github.com/kazupon/vue-i18n 兼容性: 支持 Vue.js 2.x 以上版本 安装方法:(此处只演示 npm) npm install vue-i18n 使用方法: 1、在 main.js 中引入 vue-i18n (前提是要先引 阅读全文
posted @ 2018-08-24 14:16 二月花开 阅读(757) 评论(0) 推荐(0)
摘要:VUE插件总结 亲们支持我的新博客哦==》地址(以后更新会尽量在新博客更新,欢迎大家访问加入我的后宫w) (欢迎加群一起玩耍:575180837) UI组件 element - 饿了么出品的Vue2的web UI工具套件 Vux - 基于Vue和WeUI的组件库 mint-ui - Vue 2的移动 阅读全文
posted @ 2018-08-24 11:56 二月花开 阅读(177) 评论(0) 推荐(1)
摘要:前言 随着 Vue.js 越来越火,Vue.js 的相关插件也在不断的被贡献出来,数不胜数。比如官方推荐的 vue-router、vuex 等,都是非常优秀的插件。但是我们更多的人还只停留在使用的阶段,比较少自己开发。所以接下来会通过一个简单的 vue-toast 插件,来了解掌握插件的开发和使用。 阅读全文
posted @ 2018-08-24 11:01 二月花开 阅读(482) 评论(0) 推荐(0)
摘要:调用手机功能需要借助html5+api(hbuilder)自带,其中用到的引用的部分需要放在 vue项目的index.html页面里面,然后再将vue项目打包生成的dist文件放到 HBUILDER里面打包称为APP 组件代码: javascript代码: 阅读全文
posted @ 2018-07-23 10:49 二月花开 阅读(4260) 评论(0) 推荐(0)
摘要:转自:https://blog.csdn.net/zhuswy/article/details/80267748 转自:https://blog.csdn.net/zhuswy/article/details/80267748 项目要求在WEB端放置扫码可下载APP的二维码,在查询了相关的资料后,发 阅读全文
posted @ 2018-06-15 16:55 二月花开 阅读(2041) 评论(0) 推荐(0)
摘要:const digitsRE = /(\d{3})(?=\d)/g export function currency (value, currency, decimals) { value = parseFloat(value) if (!isFinite(value) || (!value && value !== 0)) return '' currency = currenc... 阅读全文
posted @ 2018-06-06 23:30 二月花开 阅读(178) 评论(0) 推荐(0)
摘要:1,使用save会在package.json中自动添加。 1 2 npm install node-sass --save-dev npm install sass-loader --save-dev 注: 通常使用npm安装会出现以下报错,安装失败。(网路问题) 可以通过淘宝的npm镜像安装nod 阅读全文
posted @ 2018-05-29 17:54 二月花开 阅读(268) 评论(0) 推荐(0)
摘要:vue-infinite-scroll npm install vue-infinite-scroll --save 官方介绍:https://www.npmjs.com/package/vue-infinite-scroll 布局模块书写位置 阅读全文
posted @ 2018-05-29 11:25 二月花开 阅读(132) 评论(0) 推荐(0)
摘要:当你运行vue init webpack的时候 实际是通过远程的template/webpack库来init你的项目 vuejs-templates/webpack, 而远程库配置的默认端口号为8080且不可被改动, 当和你本机程序的端口号冲突时, 你可以通过git clone 命令把远程库拉到本地 阅读全文
posted @ 2018-05-28 12:16 二月花开 阅读(838) 评论(0) 推荐(0)
摘要:npm install vue-lazyload --save 用法:main.js import Vue from 'vue' import App from './App.vue' import VueLazyload from 'vue-lazyload' Vue.use(VueLazyloa 阅读全文
posted @ 2018-05-27 20:57 二月花开 阅读(454) 评论(0) 推荐(0)
摘要:使用 axios 获取数据 npm install axios --save import axios from 'axios' methods: { getHomeInfo() { axios.get('/api/data.json').then(this.getHomeInfosucc) }, 阅读全文
posted @ 2018-05-27 17:03 二月花开 阅读(529) 评论(0) 推荐(0)