本文主要和大家介绍在Vue中highCharts绘制3d饼图实例，highcharts是国外知名基于javascript的图表库。由于中文官网的vue中使用highcharts配置繁琐并且需要引入jquery作为依赖，所以弃用。希望本文能帮助到大家。接下来，给各位伙伴简要的讲叙下highcharts在vue中的使用和配置方法。首先使用 npm在你的项目中安装vue-highchartsnpm install vue-highcharts --save由于vue-highcharts依赖于highcharts，我们还需要安装后者npm instal...
本文主要和大家介绍vue 粒子特效的示例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧，希望能帮助到大家。实现效果：没错，你看到的上图那些类似于星座图的点和线，是由vue-particles生成的，而且能与用户鼠标事件产生互动。 传送门：vue-particles使用教程npm install vue-particles --save-devmain.js文件：import Vue from vue import VueParticles from vue-particles Vue.use(VuePart...
这几天新项目用vue2.0开发，由于之前没用过vue，拿到项目框架看到都是.vue文件，本文主要和大家介绍vue2.0开发入门笔记之.vue文件的生成和使用 ,非常具有实用价值，需要的朋友可以参考下，希望能帮助到大家。不知道怎么用，以下是关于.vue文件的发现：1、一个.vue文件是一个封装的组件，在.vue文件里可以写 html, css, js其中template 中写html 代码，其实就是定义模板。2、各个.vue之间样式不是独立的，同一选择器在不同的.vue里只...
本文主要和大家分享4种Vue组件通信方式：父子组件的通信、非父子组件的eventBus通信、利用本地缓存实现组件通信、Vuex通信。希望能帮助到大家。第一种通信方式:父子组件通信父组件向子组件传递数据父组件一共需要做4件事1.import son from ./son.js 引入子组件 son2.在components : {"son"} 里注册所有子组件名称3.在父组件的template应用子组件, <son></son>4.如果需要传递数据给子组件,就在template模板里写 <son :num="number">...
本文主要和大家分享vue-router源码阅读学习，如同分析vuex源码我们首先通过一个简单例子进行了解vue-router是如何使用的，然后在分析在源码中是如何实现的，希望能帮助到大家。示例下面示例来自于example/basica/app.js import Vue from vue import VueRouter from vue-routerVue.use(VueRouter)const Home = { template: <div>home</div> } const Foo = { template: <div>foo</div> } const Bar = { template: <div>ba...
前后端分离，后端提供了接口。但有一部分数据，比较产品说明文件，是存在其他的服务器上的。所以，在页面显示的时候，如果以页面内嵌的形式显示这个说明文件。需要搞点事情以达到想要的效果。本文主要和大家介绍了VUE页面中加载外部HTML的示例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧，希望能帮助到大家。不同以往的IFRAME标签，那种方式比较Low，另外有其他的一些BUG。本文思路是把HTM...
做项目的时候要使用到一个自定义的树形控件来构建表格树，在github上搜了一下没有搜索到合适的（好看的）可以直接用的，查看Element的组件说明时发现它的Tree控件可以使用render来自定义节点样式，于是基于它封装了一个可以增、删、改的树形组件，现在分享一下它的使用与实现。本文主要和大家介绍vue基于Element构建自定义树的示例代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能帮助到大家。控件演示github上挂的...
对于某些项目来说，单页面不能很好的满足需求，所以需要将vue-cli创建的单页面项目改为多页面项目。本文主要和大家介绍Vue-cli创建项目从单页面到多页面的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧，希望能帮助到大家。需要修改以下几个文件：1、下载依赖glob2、修改build下的文件（1）修改webpack.base.conf.js添加以下代码：var glob = require(glob)； var entries = getEntry(./src/...
最近一直在研究使用vue做出来一些东西，但都是SPA的单页面应用，但实际工作中，单页面并不一定符合业务需求，所以这篇我就来说说怎么开发多页面的Vue应用，以及在这个过程会遇到的问题。本文主要和大家介绍用vue构建多页面应用的示例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧，希望能帮助到大家。这是我放在GitHub上的项目，里面有整个配置文件，可以参看一下：multiple-vue-page准备工作...
本文主要和大家介绍vue router 动态路由和嵌套路由，详细的介绍了动态路由和嵌套路由的使用方法，有兴趣的可以了解一下，希望能帮助到大家。首先介绍一下动态路由。动态路由按照我的理解，就是说能够进行页面的跳转，比如说：下面的这个页面中：<template> <p id="app"> <header> <router-link to="/">/</router-link> <router-link to="/hello">/hello</router-link> <router-link to="/cc">/cc</router-link> </header> <router-...
本文主要和大家介绍vue滚动行为，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧，希望能帮助到大家。滚动行为什么是路由的滚动行为当切换到新路由时，想要页面滚到顶部，或者是保持原先的滚动位置，就像重新加载页面那样注意: 这个功能只在 HTML5 history 模式下可用。在这个模式下我们需要启动一个服务我们用scrollBehavior 方法来做路由滚动scrollBehavior 方法接收 to 和 from 路由对象。第三个...
使用场景当需要进行vuex进行数据状态管理的时候，会使用到mapGetters,mapState,还有自身的计算属性的时候，这个时候就会用到这个了！本文主要和大家介绍vuex中使用对象展开运算符的示例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧，希望能帮助到大家。1.首先需要安装npm install babel-plugin-transform-object-rest-spread -D2.需要在.babelrc文件中新增以下{"presets": [["env", { "modules"...
本文主要介绍了vue-cli中的webpack配置详解，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧，希望能帮助到大家。版本号vue-cli 2.8.1 (终端通过vue -V 可查看)vue 2.2.2webpack 2.2.1目录结构├── README.md ├── build │ ├── build.js │ ├── check-versions.js │ ├── dev-client.js │ ├── dev-server.js │ ├── utils.js │ ├── vue-loader.conf.js │ ├── w...
当需要进行vuex进行数据状态管理的时候，会使用到mapGetters,mapState,还有自身的计算属性的时候，这个时候就会用到这个了！本文主要和大家介绍vuex中使用对象展开运算符的示例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧，希望能帮助到大家。1.首先需要安装npm install babel-plugin-transform-object-rest-spread -D2.需要在.babelrc文件中新增以下{"presets": [["env", { "modules": false ...
本文主要和大家介绍了vue封装第三方插件并发布到npm的方法，主要说明如何把第三方的插件封装成vue插件，简化配置，一键安装，主要提供思路，封装方法大同小异·，文章略长要有耐心。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧，希望能帮助到大家。gitmentgitment是一个基于github issues封装的评论插件，以这个插件作为演示，把它封装成vue插件。vue-gitment，该插件已发布到npm,并在自己的开源项...