什么是vue脚手架？ 他是一个快速构建 vue 项目的工具，通过他，我们可以将 vue 所需要的文件安装完成。 vue-cli这个构建工具大大降低了webpack的使用难度，支持热更新，有webpack-dev-server的支持， 相当于启动了一个请求服务器，给你搭建了一个测试环境，只关注开发就OK。 安装 vue-cli 脚手架 安装脚手架需要用 cnpm( 淘宝镜像 ) 安装 , 直接用 pip 安装 会失败 , 安装 cnpm 命令如下 : npm install cnpm -g --registry=https:/...
1、npm 引入 npm install mxgraph --save 2、这个模块可以使用require()方法进行加载。它将返回一个接受对象作为选项的工厂函数。必须将mxBasePath选项提供给工厂函数，而不是将其定义为一个全局变量。 var mxgraph = require("mxgraph")( { // 以下地址不需要修改 mxImageBasePath: "./src/images", mxBasePath: "./src" })工厂函数返回一个“命名空间对象”，通过它可以访问mxGraph包的所有对象。例如，mxEvent对象在mxgraph.mx...
开始的时候我以为，用vue去调取json要多么的麻烦，完咯就先去的百度，找了几个，看上面又要配置这配置那的，看的我都头大，像一些思维逻辑清晰的肯定不会出现这种情况。 下面我说下我这的情况，大家依情况代入 当然vue你刚开始创建的话，你是要去配置下东西，下面我说的是你的项目能够跑起来的情况，完咯再去想办法去引用json，当然我这里用的也是axios的获取方法，如果不是这种方法的可以带过了 首先你要知道那你的json应该放在哪...
前言 在vue项目中，需要实现某些特定的功能时，使用mvvm模式不易实现。因此引入jquery包来完成需求 jquery中的触发事件可以自己定义在mounted中，如果需要使用vue中data的数据，直接使用this.msg是无法使用的，需要另外定义const _this = this, 存储this.之后便可以在事件中使用_this.msg数据了。 需求：在品牌处可以输入，并且会有模糊搜索的下拉框，也可下拉选择，在输入完毕后检验值是否在下拉框中存在，聚焦时蓝色边框，change...
简易搭建ESLint官网网址 ESLint中文官网 如果你是想在自己的项目里搭建ESLint，就可以按照官网的指示， 以全局安装举例， npm install -g eslint然后初始化 eslint --init它会问你一些问题，你可以按照你的喜好进行配置，我选的是popular下面的standard，生成的文件是js格式，那么就会创建出eslintrc.js文件： module.exports = { "extends": "standard" }; 然后就可以简单的lint某个文件了： $ eslint yourfile.js在vue的项目里新...
前言 平常在工作开发中，为了效率我们通常都会直接使用Vue-cli脚手架去搭建Vue开发环境，确实这种工具是节省了我们不少时间，但是你有没有想过Vue开发环境是如何搭建起来的？还有如果是你自己动手去搭建，能顺利搭建起来吗？ 基于这些想法，我就捣鼓了一下webpack4，并且弄下来了这个小项目，感觉一个小项目下来收货还是挺大的，所以就写一遍文章，分享心得，哈哈！！ 基于个人的时间精力问题，把本项目教程分为两部分： webpack4手...
一、介绍mpvue-vant记录了我们团队开发中在mpvue中使用Vant Weapp组件库所踩下的坑，在这里分享给大家，让mpvue开发者可以使用vant组件库进行开发，避免踩不必要的坑。 此教程是在dov-yih一同协助下完成。经过测试，Vant Weapp下所有组件都能够在mpvue中使用 mpvue-vant Github地址二、使用方法目前vant已经支持了npm的方式，但是由于node_modules目录下的代码是不会被编进dist目录下的，所以暂时只能用git方式使用。克隆vant仓库将...
一 概述 随着sass/less等css预处理器的出现，编写css变的越来越有乐趣。所以现在越来越多的人在项目中喜欢使用scss或者less。（我自己就是一个）。由于最近在写一个vue项目。所以就把写项目期间每天的一些知识点写在博客里。所以最近的博客应该都会和vue有关。今天要和大家分享的就是如何在vue项目中引入scss（引入less也类似） 二 vue中引入scss 2.1 vue-loader 在讲如何在vue项目中使用scss之前，我们先来简单了解一个概念，那就...
偶尔还是会陷入到DOM操作上面去，其实你应该关心的是数据传递，而不是操作DOM。如果你是想获取data-num的数据，可以这样写： <span @click="getData($event,21)">55</span>getData:function (e,num) {console.log(num) }这样就可以取到这个值了，如果你是确实想操作DOM，那你可以这样写： <span data-num="21" ref="dataNum" @click="getData($event)">55</span>getData:function (e) {console.log(this.$refs.dataNum.dataset.num...
前言：工作的时候总是使用别人的npm包，然而我有时心底会好奇自己如何发布一个npm包呢，什么时候自己的包能够被很多人喜欢并使用呢...今天我终于迈出了第一步。 前提：会使用 npm，有 vue 基础，了解一点 webpack Are you ready? Go! 一、编写自己的npm包 1. 新建一个空文件夹 2. 进入文件夹，终端(cmd)运行 npm init完成后会在目录下生成一个 package.json 文件 我们可以根据自己的需要补充文件内容 这是我的： {"name": "bing-te...
两组件间传值，可能包含多种情况，有父子组件和非父子组件，对于父子组件网上有很详细的方法讲解，但非父子组件传值有用bus总线，还有一些其他方法，其中的使用路由跳转的方法讲解太过简洁，难以理解。因为是公司项目，采用的是公司封装的UI框架，但基本上还是采用vue框架，ts编写。所以一些样式结构可能没有参考价值，但我会讲解清楚每一部分作用，主要是路由跳转部分的代码实现。 首先，需求如下图，树状列表每一项有一个编辑按钮...
用小程序的 animation 属性实现循环动画的开启与暂停，并封装到组件。 实现一个字体图标组件的循环旋转动画开启/暂停用于点击图标，字体颜色变换，开始循环旋转动画，并刷新内容刷新结束，停止动画，并设置字体颜色为原来的主要利用 setInterval 定时器循环执行动画首先，组件写出来添加点击事件，动画属性， style 属性（用来动态修改样式） src/components/refresh.vue<template><div><divclass="iconfont icon-shuaxin":animati...
Vue项目尤其是基于.vue单文件格式的项目部署，在build成js文件后发布到服务器上，一般都是通过nginx反向代理到跟文件目录后直接访问，然而由于很多时候没办法使用更多的子域名（比如微信公众号只能有一个域名），所以急需将服务器部署到子目录。本经验以一次成功的系统部署为例，讲解子目录方式部署Vue工程。 首先介绍一下Poi，我们的项目没有使用webPack进行前端工程项目管理，使用了Poi进行管理：Develop web apps with no build...
关于 vue.use 我们都知道些什么？在做 vue 开发的时候大家一定经常接触 Vue.use() 方法，官网给出的解释是: 通过全局方法 Vue.use() 使用插件；我觉得把使用理解成注册更合适一些，首先看下面常见的注册场景。import Router from vue-router Vue.use(Router)import Vuex from vuex Vue.use(Vuex)import Echarts from echarts Vue.prototype.$echarts = Echarts关于 echarts 的注册很简单，直接挂在 Vue 方法的原型上，通过原型链继...
引言 如果说vue是前端工程化使用较多的骨架，那么JavaScript就是我们的前端的细胞。MVVM模式让我们体验到前端开发的便携，无需再过多的考虑DOM的操作。而vue的渐进式开发（逐步引用组件，按需引入），也让许多新手前端开发人员逐步绕过对jQuery的学习。jQuery需要记忆的内容颇多，这也让jQuery变得不那么受新入行开发者喜欢。 在前端工程化的需求没有普及的时候，许多公司使用的是后端渲染技术，为了能够实现友好的前端交互效果，需...