这次给大家带来Vue.js开发mpvue框架步骤详解，Vue.js开发mpvue框架的注意事项有哪些，下面就是实战案例，一起来看一下。前言mpvue是一款使用Vue.js开发微信小程序的前端框架。使用此框架，开发者将得到完整的 Vue.js 开发体验，同时为H5和小程序提供了代码复用的能力。如果想将 H5 项目改造为小程序，或开发小程序后希望将其转换为H5，mpvue将是十分契合的一种解决方案。目前，mpvue已经在美团点评多个实际业务项目中得到了验证，因...
这次给大家带来vue里使用sass配置步骤详解，vue里使用sass配置的注意事项有哪些，下面就是实战案例，一起来看一下。 1、创建一个基于 webpack 模板的新项目$ vue init webpack myvue2、在当前目录下，安装依赖$ cd myvue $ npm install3、安装sass的依赖包npm install --save-dev sass-loader //sass-loader依赖于node-sass npm install --save-dev node-sass4、在build文件夹下的webpack.base.conf.js的rules里面添加配置{test: ...
这篇文章主要介绍了vue地区选择组件主要用于全国地区数据的操作，包括省，市，区三级联动，地区数据的添加和删除,本文重点给大家介绍vue地区选择组件教程详解，需要的朋友参考下吧概述主要用于全国地区数据的操作，包括省，市，区三级联动，地区数据的添加和删除； 在操作地区数据时，以前也用过树形的地区选择组件，但因其在再操作大量的地区数据时，渲染缓慢，所以我们就换了另一种数据展示形式和交互形式，从而就有了这个组件。...
这次给大家带来Vue封装上传文件组件步骤详解（附代码），Vue封装上传文件组件的注意事项有哪些，下面就是实战案例，一起来看一下。一、之前遇到的一些问题项目中多出有上传文件的需求，使用现有的UI框架实现的过程中，不知道什么原因，总会有一些莫名其妙的bug。比如用某上传组件，明明注明（:multiple="false"）,可实际上还是能多选，上传的时候依然发送了多个文件；又比如只要加上了（:file-list="fileList"）属性，希望能手动控...
这次给大家带来vue-video-player自定义播放器步骤详解，vue-video-player自定义播放器的注意事项有哪些，下面就是实战案例，一起来看一下。图1--显示侧边栏图2-收起侧边栏；图三：全屏。写在前面本次项目中需要用到vue，vue-video-player，我用的是iview的ui框架，但是ui框架无妨，这里关注的是基于video.js开发的vue-video-player的使用，以及如何操作video.js中的api。vue-video-player 项目地址：https://github.com/surmon-chi...
这次给大家带来Vue.js中computed使用详解，Vue.js中computed使用的注意事项有哪些，下面就是实战案例，一起来看一下。JS属性：JavaScript有一个特性是 Object.defineProperty ,它能做很多事，但我在这篇文章只专注于这个方法中的一个：var person = {}; Object.defineProperty (person, age, {get: function () {console.log ("Getting the age");return 25;} }); console.log ("The age is ", person.age); // Prints: // // Gett...
这次给大家带来Vue里调用百度地图步骤详解，Vue里调用百度地图的注意事项有哪些，下面就是实战案例，一起来看一下。Vue下使用百度地图的简易方法，分享给大家，具体如下：最近的项目里面，需要用到将具体地址转换成百度坐标系的经纬度，需求比较简单，所以就没有采用GitHub里面的百度Vue插件。废话不说，直接贴出代码：引入：在需要用到百度地图的组件里面直接引入export default {methods: {loadBMapScript () {let script = docu...
本文章适合初学者学习，如有错请提出。近期对vue比较感兴趣，所以准备用vue写一个blog。早期先对vue脚手架了解一下，对于新手官网建议先不用vue-cli，但我觉得如果没有任何的依据凭自己写一个项目（包括webpack的配置等）这无疑是浪费时间的而且都最后还是是而非的。所以我觉得完全可以用脚手架建一个webpack项目，然后我们可以具体对应它生成的文件学习（当然这只是我的学习方法，我认为这样比较好学，但不一定人人都是这样的）。...
这次给大家带来vue2使用less步骤详解，vue2使用less的注意事项有哪些，下面就是实战案例，一起来看一下。首先，说明一点，如果是使用npm init webpack 项目名 的方式创建的项目,无需手动配置webpack所以再vue中使用less就非常简单了，只需要安装less, less-loader就行了步骤npm install less less-loader --save //将less和less-loader安装到开发依赖 npm run dev如果安装成功那么就可以再vue组件中使用less了<style lang="less" s...
这次给大家带来Vue中component组件使用步骤详解，Vue中component组件使用的注意事项有哪些，下面就是实战案例，一起来看一下。官方的说明渲染一个“元组件”为动态组件。依 is 的值，来决定哪个组件被渲染。<!-- 动态组件由 vm 实例的属性值 `componentId` 控制 --> <component :is="componentId"></component>具体可以官网文档中的动态组件 内置的组件component场景这里通过一个业务场景来阐述vue内置component组件的应用。 如图所...
这次给大家带来Vue项目中引入icon图标步骤详解，Vue项目中引入icon图标的注意事项有哪些，下面就是实战案例，一起来看一下。1.下载icon图标，推荐icomoon网站，里面有大量的矢量图标，也可以自定义，当然你也可以去阿里巴巴矢量图标库下载你所需要的小图标。点击进入icomoon网站点击右上角“IcoMoon App”，找到自己需要的图标后选择然后点击右下角“Generate Font”,接着可以在左上角第二个按钮“Preferences”进行自定义你要下载...
这次给大家带来Vue watch使用详解，Vue watch使用的注意事项有哪些，下面就是实战案例，一起来看一下。watch本身很容易理解, watch负责将视图中的数据与某个函数关联起来当Vue视图中的数据变化时, 关联的函数会被执行<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>监听方法watch的使用</title><script src="https://cdn.bootcss.com/vue/2.5.16/vue.js"></script> </head> <body><p id="root"></p><script...
这次给大家带来vue全局组件与局部组件使用案例分析详解，vue全局组件与局部组件使用案例使用的注意事项有哪些，下面就是实战案例，一起来看一下。main.js入口文件的一些常用配置， 在入口文件上定义的public.vue为全局组件，在这里用的是pug模版 .wraper 的形式相当于<p class=wraper></p>—main.js文件**main.js入口文件的内容** import Vue from vue import App from ./App import router from ./router // 引入公用组件的vue文件...
这次给大家带来vue axios实现请求拦截步骤详解，vue axios实现请求拦截的注意事项有哪些，下面就是实战案例，一起来看一下。axios 简介axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端，它本身具有以下特征：从浏览器中创建 XMLHttpRequest从 node.js 发出 http 请求支持 Promise API拦截请求和响应转换请求和响应数据取消请求自动转换JSON数据客户端支持防止 CSRF/XSRF下面代码给大家介绍vue axios 请求拦截，具体代...
这次给大家带来Vue导出excel表格实例详解，Vue导出excel表格的注意事项有哪些，下面就是实战案例，一起来看一下。引言：最近使用vue在做一个后台系统，技术栈 vue + iView ，在页面中生成表格后， iView可以实现表格的导出，不过只能导出csv格式的，并不适合项目需求。如果想要导出Excel在src目录下创建一个文件(vendor)进入 Blob.js 和 Export2Excel.jsnpm install -S file-saver 用来生成文件的web应用程序npm install -S xlsx 电...