vue使用yarn删除插件

yarn 常用命令(基于vue框架)

初始化项目 yarn add init 安装vue yarn add vue 安装webpack,webpack-dev-server(是一个小型的Node.js Express服务器) yarn add webpack webpack-dev-server 安装babel,babel的作用是将es6的语法编译成浏览器认识的语法es5 yarn add babel babel-core babel-loader babel-preset-es2015 用来解析vue的组件,.vue后缀的文件 y

vue全局使用axios插件请求ajax

vue全局使用axios插件请求ajax Vue 原本有一个官方推荐的 ajax 插件 vue-resource,但是自从 Vue 更新到 2.0 之后,官方宣布停止更新vue-resource,并推荐大家使用axios,越来越多的 Vue 项目,都选择 axios 来完成 ajax 请求,而大型项目会使用 Vuex 来管理数据.之前一直使用的是 vue-resource插件,在主入口文件引入import VueResource from 'vue-resource'之后,直接使用Vue.use

VUE常用UI组件插件及框架

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 库 vuetify - 为移动而生的Vue JS 2组件框架 vonic - 快速构建移动端单页应用 vue-blu - 帮助你轻松

cordova 基本命令以及如何添加，删除插件

1.首先下载安装 node.js 在命令提示符里输入 node -v 会显示版本号证明安装成功 2.全局安装 cordova: npm install -g cordova 命令提示符里输入 cordova -v 查看版本号证明安装成功 3.创建APP cordova create hello com.example.hello HelloWorld 结果: 4.进入项目 cd hello 5.查看本机安装的平台 cordova platforms list 结果: 6.给项目添加平台支

vue.js国际化vue-i18n插件的使用问题，在模版文本、组件方法、jsf方法里的使用

vue.js国际化vue-i18n插件的使用问题,在模版文本.组件方法.jsf方法里的使用 1.在文本里使用{{$t("xxx")}} <span>{{$t("register.register")}}</span> 2.在组件方法里使用$t('xxx') <md-input-item :placeholder="$t('register.enterCode')"> 3.在js方法里使用:this.$i18n.

vue中使用第三方插件animate.css实现动画效果

vue中使用第三方插件animate.css实现动画效果1.首先先引入第三方类animated.css2.将你所需要动画的标签用包裹起来3.在transition元素中添加enter-active-class/leave-active-class入场离场属性但是设置的值前面必须加上animated(当然也可以不在transition上设置animated,可以在你所要进行动画的标签上设置class属性为animated)4.也可以加入:duration来统一设置入场和离场时候的时长案例如下 <!

vue中如何开发插件

1.vue中提供了install方法用来开发插件官方:Vue.js 的插件应该有一个公开方法 install.这个方法的第一个参数是 Vue 构造器,第二个参数是一个可选的选项对象. 2.我的插件目录如下 button.vue用来书写插件的具体实现代码: button/index.js用来局部创建组件: library用来全局创建组件 3.button.vue文件 4.局部引入插件 import ButtonCom from "./button.vue"; //创建button这个插

写一个简单易用可扩展vue表单验证插件(vue-validate-easy)

写一个vue表单验证插件(vue-validate-easy) 需求目标:简单易用可扩展如何简单开发者要做的写了一个表单,指定一个name,指定其验证规则. 调用提交表单方法,可以获取验证成功后的数据. 调用重置表单方法重置表单自定义验证方法程序应该做的获取表单元素,绑定事件有输入时,获取表单值,使用开发者指定的规则进行验证,若验证错误给予错误提示. 实现方法获取原生表单元素,vue指令获取到的是包裹原生表单元素的外层元素,这里我使用data-type属性来获取原生表单元素验

Vue中的better-scroll插件

Vue中的better-scroll插件在需要的文件中添加 import BScorll from 'better-scroll'; 引用的示例代码: let scroll = new BScroll(Dom对象, {//options startX: 0, startY: 0 }) Vue获得Dom对象方法, <div v-el:food-wrapper></div>//定义对象 this.$els.foodWrapper//获取对象 (Vue 更新数据时是异步的,所以在数据未

[前端] VUE基础 (6) (v-router插件、获取原生DOM)

一.v-router插件 1.v-router插件介绍 v-router是vue的一个核心插件,vue+vue-router主要用来做SPA(单页面应用)的. 什么是SPA:就是在一个页面中,有多个页签,我们选择页签显示不同的内容,但页面不跳转. 例如: 在网易云音乐的主页中,发现音乐.我的音乐.朋友这三个页签就是单页面应用.当我们切换他们时,可以观察到url的变化: 这里看到的url改变(路由改变)的路由是vue-router提供的,而不是对应django的路由系统(前后端分离的项目,djan

应用场景：vue表格撤销删除与保存按钮的显隐

应用场景:vue表格撤销删除与保存按钮的显隐

在vue中使用天气插件

在vue中使用天气插件插件网址: 中国天气选择自己需要的插件.生成代码复制即可在 vue 中的使用: template 中 <div id="weather-v2-plugin-simple"></div> mounted 中 window.WIDGET = {CONFIG:{"modules":"20","background":5,"tmpColor":"fff

vue+webpack 安装常见插件

html-webpack-plugin 插件地址:https://www.npmjs.com/package...安装指令: npm install html-webpack-plugin --save-dev 插件作用:生成html文件,并且引用相关的 assets 文件(如 css, js)参考地址:html-webpack-plugin详解html-webpack-plugin用法全解 extract-text-webpack-plugin 插件地址:https://www.npmjs.c

从零开始实现Vue简单的Toast插件

在前端项目中,有时会需要通知.提示一些信息给用户,尤其是在后台系统中,操作的正确与否,都需要给与用户一些信息. 1. 实例在Vue组件的methods内,调用如下代码 `this``.$toast({`= `content:` `"可自动关闭"``,` `autoClose:` `true` `})` 在页面的右侧会出现一个Toast弹框,多次点击时,会依照顺序进行显示,并且Toast可自动关闭,具体效果如图. 代码地址:Github UI-Library 2. 原理代码结构将T

解决vue与传统jquery插件冲突

比如基于jquery的select2插件,在vue下单独用有很多问题,其实对于这类插件,可以用vue的自定义指令和组件来包装,解决冲突的问题.引用官方vue1.0和2.0的两个例子,学习一下. 例子1.0 例子2.0 大功告成.说说基于vue1的,对于下拉单选,用vue官方的例子即可,对于多选,看下面自己写的,核心是用指令对象的el.vm等获取被select2改变后的select下拉列表的相应对象,关键点是用jquery包装原生元素后用.val()获取多选值. <body> <div

vue.js 批量删除跟全选，反选效果

<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>退费</title> <link rel="stylesheet" href="css/reset.css" type="text/css"> <script type='text/

vue 图片预览插件

https://github.com/daidaitu1314/vue2-preview //cnpm cnpm install vue2-preview -save //引入 import VuePreview from 'vue2-preview' Vue.use(VuePreview) <img class="preview-img" v-for="(item, index) in list" :src="item.src" heig

vue项目中使用插件将字符串装化为格式化的json数据（可伸缩）

插件地址:https://www.npmjs.com/package/vue-json-viewer 第一步:安装vue-json-viewer插件 $ npm install vue-json-viewer --save 如果npm安装报错,可换成cnpm安装第二步:在当前页面中引入 import Vue from 'vue' import JsonViewer from 'vue-json-viewer' Vue.use(JsonViewer) 注释: (1)如果在全局main.js中引

vue中使用video插件vue-video-player

一.安装插件 npm install vue-video-player --save 二.配置插件在main.js中全局配置插件 import VideoPlayer from 'vue-video-player' require('video.js/dist/video-js.css') require('vue-video-player/src/custom-theme.css') Vue.use(VideoPlayer) 三.使用插件在vue组件中的程序如下: <template>

vue实现倒计时的插件时间戳刷新跳转都不影响

工作当中需要开发一个倒计时插件,于是开始网上先拿来主义,发现好多倒计时的插件,刷新都会变成从头再来,于是自己用vue2.0写了一个插件,测试已经通过,直接上代码如下是组件代码: <template> <span :endTime="endTime" :callback="callback" :endText="endText"> <slot> {{content}} </slot> </sp

vue总结07 常用插件

插件开发插件插件通常会为 Vue 添加全局功能.插件的范围没有限制——一般有下面几种: 添加全局方法或者属性,如: vue-custom-element 添加全局资源:指令/过滤器/过渡等,如 vue-touch 通过全局 mixin 方法添加一些组件选项,如: vue-router 添加 Vue 实例方法,通过把它们添加到 Vue.prototype 上实现. 一个库,提供自己的 API,同时提供上面提到的一个或多个功能,如 vue-router Vue.js 的插件应当有一个公开方法 i

巴特西