在后台管理系统中，图表是一个很普遍的元素。目前常用的图标插件有 charts, Echarts, highcharts。这次将介绍 Echarts 在 Vue 项目中的应用。 一、安装插件 使用 cnpm 安装 Echarts cnpm install echarts -S和之前介绍的 axios 类似，echarts 也不能通过 Vue.use() 进行全局调用 通常是在需要使用图表的 .vue 文件中直接引入 import echarts from echarts也可以在 main.js 中引入，然后修改原型链 Vue.prototype.$echarts = echar...
vue-cli+webpack记事本项目使用的是vue-cli2.0里面的项目构建工具webpack 项目的准备工作： 1.了解vue2.0 2.了解一些ES6 3.储备一些webpack知识 参照项目地址：vue2.0构建单页应用最佳实战 我们将会选择使用一些vue周边的库 vue-cli , vue-router , vue-resource , vuex 1.使用vue-cli创建项目 2.使用vue-router实现单页路由 3.用vuex管理我们的数据流 4.使用vue-resource请求我们的node服务端 5.使用.vue文件进行组件化的开发 PS：...
Vue.js很简单。正因为如此简单，人们常常认为其适合于小项目。虽然真正的Vue.js核心知识只是一个视图层库，实际上有一组工具，将使您能够使用Vue.js构建完整的大规模SPA（单页应用程序）。 SPA应用可以在不完全重新加载网页，产生一个更流畅的用户体验到的用户交互响应。还有好的副作用，SPA还鼓励后端专注于展示数据端点，这使得整体架构更加分离，并且对于其他类型的客户端可能是可重用的。 从开发人员的角度来看，SPA和传统的后...
使用 Vue.js 进行数据与视图的绑定，数据更新会让视图自动进行更新，类似 Android 里面的 DataBinding 。 实现一个 HTML的 日历效果。 html 部分 <li class="arrow" @click="pickPre(currentYear,currentMonth)">? <li class="year-month" @click="pickYear(currentYear,currentMonth)"> {{ currentYear }} {{ currentMonth }}月 <li class="arrow" @click="pickNext(curren...
redis数据库 关系型数据库： mysql, oracle 非关系型数据库（nosql)： redis,mongodb (没有表的概念) key-value mongodb: json 数据--存储在硬盘上 redis: 存在内存中 --- 速度最快用途：--做缓存--session数据--游戏排行榜--对速度要求高的数据的存储-- 消息队列 redis VS Memcached -- redis 支持五大数据类型 ： 字符串| 列表| 字典 | 集合| 有序集合 -- redis 支持持久化 -- redis 单线程，单进程，但速度也非常快 -- redis...
vue 组件源码分析 组件注册1.全局组件：全局使用 2.局部组件：只能在内部使用Vue.component() 的实现位置：src/core/global-api/index.js 内的initAssetRegisters()注册了compoennt方法 作为一个字符串定义在ASSET_TYPES 中，函数接收Vue实例作为参数 component接收id和definition做参数 之后判断如果是组件或是指令，作出特殊处理，如果是过滤器记录到Vue全局配置上 判断type是component的情况，获取组件的name属性作为名称，如果...
项目上线 1、项目上线相关配置 创建 node 项目，并安装 express，通过 express 快速创建 web 服务器，将 vue 打包生产的 dist 文件夹，托管为静态资源即可，关键代码如下：const express = require(express) // 创建 web 服务器 const app = express()// 托管静态资源 app.use(express.static(./dist))//启动 web 服务器 app.listen(80, () => {console.log(web server running at http://127.0.0.1) })新建 vue_shop_server 文件夹...
基于node npm & vue-cli & element UI创建vue单页应用 开发环境 Win 10 node-v10.15.3-x64.msi 下载地址： https://nodejs.org/en/ 安装node 安装vue-cli 1、安装node-v10.15.3-x64.msi 2、设置注册地址 因为npm官方仓库在国外，有时候下载速度会非常慢，不过有淘宝镜像可以使用，下载包的速度很快。而且淘宝镜像是定时更新同步npm的官方仓库的。 npm config set registry https://registry.npm.taobao.org 这样，npm在...
vue的安装 Vue.js不支持IE8及以下版本。因为Vue.js使用了ECMAScript5特性，IE8显然不能模拟。Vue.js支持所有兼容ECMAScript5的浏览器。 在用Vue.js构建大型应用时，推荐使用npm安装，npm能很好的和webpack等打包工具配合使用。 首先Vue的安装依赖于node.js，要保证你的计算机上已经安装过node.js。 如何查看node是否安装或者node版本呢？进入cmd，输入命令 node -v，回车查看。node最好使用新一些的版本，否则后续安装会提示node版...
运行vue create 命令后并没有创建node_modules文件夹，所以npm run dev命令报错，webpack-dev-server 不是内部或外部命令，也不是可运行的程序 或批处理文件。 运行npm install 安装node_modules文件，再次运行npm run dev成功，Your application is running here: http://localhost:8080 npm install不成功的解决办法是？——执行npm cache clean --force（有些人这样还是没有用的话，删除package-lock.json再重新尝试一下即可。）...
环境：NodeJs、Android SDK 、Adb Driver 安装：npm install -g cordovanpm i framework7-cli cordova -g 代码编辑器：Vs Code（建议Version：1.42，否则Cordova调试麻烦） 过程：1、创建一个项目：2、在项目根路径下打开编辑器，再把项目根路径下的Cordova目录添加到WorkSpace 3、下载Cordova Tools组件，方便调试4、设置DEBUG AND RUN（调试工具）注：vs code版本需要1.42，才能选择WorkSpace（见 https://github.com/micr...
基于node npm & vue-cli & element UI创建vue单页应用 开发环境 Win 10 node-v10.15.3-x64.msi 下载地址： https://nodejs.org/en/ 安装node 安装vue-cli 1、安装node-v10.15.3-x64.msi 2、设置注册地址 因为npm官方仓库在国外，有时候下载速度会非常慢，不过有淘宝镜像可以使用，下载包的速度很快。而且淘宝镜像是定时更新同步npm的官方仓库的。 npm config set registry https://registry.npm.taobao.org 这样，npm在...
我在vue-router中发现了一个问题,这让我非常感动.总是在我的路线之间切换时,会创建该组件的新实例.此外,旧实例不会被删除并在后台运行！ 我希望当我打开一条路线时,旧组件将被破坏或停止运行. 有解决此问题的解决方法吗？ 这是一个小提琴：https://jsfiddle.net/4xfa2f19/5885/let foo = {template: '<div>Foo</div>',mounted() {console.log('Mount Foo with uid: ' + this._uid);setInterval(() => {console.log('Instance ' + t...
我正在创建一个小型的Vue webapp,我想在此创建一个锚标签. 我给了一个我想要有这样的锚标签的div的id：<div id="for-home">.... </div>这是我的路由器配置：export default new Router({abstract: true,mode: 'history',scrollBehavior: () => ({ y: 0 }),routes: [{ path: '/', component: abcView}] })但是这个锚标签有时会工作,有时候不起作用,我错过了什么吗？解决方法:我相信你要求直接跳到页面的某个特定区域,方法是导航到页...
一、快速创建一个mpvue项目 全局安装 vue-cli vue init mpvue/mpvue-quickstart mpvue-demo cd mpvue-demo (指向项目根目录) 安装fly（基于Promise的http请求库） -- npm i flyio --save 安装依赖 -- npm install 启动 -- npm run dev 二、项目代码文件夹