baobeituping的专栏

使用淘宝镜像cnpm安装Vue.js 原创 2017年03月29日 11:23:51 4007 0 11 前言 Vue.js是前端一个比较火的MVVM框架，要使用它，我们必须提前配置，其中有一种安装方式是使用npm，比较适合比较大型的应用。今天就来看看这种方式如何操作，由于npm是国外的，使用起来比较慢，我们这里使用淘宝的cnpm镜像来安装vue. 步骤 ...

Vue.js 目录结构 上一章节中我们使用了 npm 安装项目，我们在 IDE（Eclipse、Atom等） 中打开该目录，结构如下所示： 目录解析 目录/文件 说明 build 最终发布的代码存放位置。 config 配置目录，包括端口号等。我们初学可以使用默认的。 node_modules npm 加载的项目依赖模块 src 这里是我们要开发...

vue提示插件[vscode]   在VSCode Marketplace 搜素Vue 出现关于语法高亮的插件有 vue，vue-beautify，vue-color，VueHelper，vertur等等。比较了下载数量可以了解到，vetur 是目前比较好的语法高亮插件，我们来安装一下吧。  vscode提高效率有效使用插件 Auto Close Tag              ...

项目基本手脚架搭建完毕后，建一个router文件夹，里面配置一个index.js文件。 文件内容： npm install vue-router vue-resource --save-dev（安装 vue 路由模块vue-router和网络请求模块vue-resource）   [javascript] view plain copy   import Vue ...

想学习Vue的SPA应用，路由这一块是必不可少的。相信很多和我一样刚接触前端的朋友对于路由这玩意是很困惑的。所以在我学习并成功使用了vue-router后，将我的个人经验分享出来，希望可以让同样对路由不知所措的同学有所帮助。 注意： 本文demo的项目结构用的是最新的命令行工具创建的webpack项目模板； 本文知识点是基于Vue2.0和vue-route 2的，更多内容请参...

前面一篇博客介绍了从零开始准备Vue.js所需的一些环境和工具。这片博客就来跟大家探讨一下Vue.js 2.0中的一些特性，以及一个小实例，通过实例来跟大家分享，想必更容易理解。 先来看一下，看完这篇博客，你会做出什么样的效果吧。 就是这样的一个小的demo，其中主要用到了vue-router 2.0 和vue的单文件组件，这里再细分一下如下   vue-router 2.0 定义...

版权声明：本文为博主原创文章，未经博主允许不得转载。   目录(?)[+]   已经有几周没有更新博客了，最近自己也在学习就没有能及时抽身来写博客。   今天就来简单说一下vue-resource，这是vue的一个与服务器端通信的HTTP插件，用来从服务器端请求数据。话不多说，直接上干货吧。   这里PS一下，有人反映之前的代码下载下来，运行会报错而且会有上百...

版权声明：本文为博主原创文章，未经博主允许不得转载。   Echarts 是数据可视化中佼佼者！推荐大家可以玩一玩，非常实用！   如果第一次接触Echarts的同学，这边有我以前写过的一篇入门：浅谈Echarts3.0  Vue+Echarts   现附上代码： <template> <!--为echarts准备一个具备大小的容器dom--...

版权声明：本文为博主原创文章，未经博主允许不得转载。   目录(?)[+]   我们在使用vue 脚手架时，为了规范团队的代码格式，会有一个代码规范检测，如果不符合规范就会报错，有时候我们不想按照他的规范去写。这时我们需要关闭。这里有两种方法。 1.在搭建vue脚手架时提示是否启用eslint检测的。 Use ESLint to lint your cod...