一、基本介绍 Vuejs是一套构建用户界面的渐进式框架。 vue-cli脚手架 搭建基本代码框架vue-router 官方插件管理路由vue-resourse Ajax通信webpack 构建工具es6+eslint eslint:es6代码风格检查工具工程化 组件化 模块化 移动端常用开发技巧:f ...
分类:
Web程序 时间:
2017-07-16 16:34:43
阅读次数:
258
cli 方式安装 集成了内置webpack 模块 安装步骤 1、全局安装 vue-cli 2、 创建一个基于 webpack 模板的新项目 3、安装依赖,走你 如果npm安装慢的话 可以使用淘宝镜像 项目结构简单介绍 build 目录是一些webpack的文件,配置参数什么的,一般不用动 confi ...
分类:
其他好文 时间:
2017-07-13 21:47:21
阅读次数:
222
使用vue开发项目,在使用vue-router做路由时,经常遇到需要在新路由到页面中需要使用之前页面的一些数据, 比如从列表页到详情页. 本文主要介绍通过vue-router2路由中传参的方法,项目为vue-cli搭建项目 1.路由配置 首先在路由配置处(router/index.js), 在pat ...
分类:
其他好文 时间:
2017-07-12 21:31:03
阅读次数:
160
1、直接使用CDN引入: http://cdn.jsdelivr.net/vue/1.0.26/vue.min.js; http://cdnjs.cloudflare.com/ajax/libs/vue/1.0.26/vue.min.js 2、下载到本地: http://v1-cn.vuejs.or ...
分类:
其他好文 时间:
2017-07-12 12:17:14
阅读次数:
182
当游览器报这样的错时,表示你的请求需要跨域! 这里,我说的是使用webpack+vue-cli+vue-resource中跨域问题, 在config文件下面有index.js文件里有一个叫proxyTable的配置参数 changeOrigin这参数设置为true的时候,就可以虚拟一个本地代理的服务 ...
分类:
Web程序 时间:
2017-07-12 10:05:49
阅读次数:
197
1、搭建项目框架 使用vue-cli 没安装的需要先安装 npm intall -g vue-cli 使用vue-cli生成项目框架 vue init webpack-simple vue-movie 然后一路回车 接着 进入项目目录 cd vue-movie 然后安装项目依赖包 cnpm inst ...
分类:
移动开发 时间:
2017-07-11 21:02:33
阅读次数:
257
以下是完成后的目录结构 案例基础是已经用 webpack+vue-cli 创建了一个名为 vue_router的工程 , 并安装了vue-router 1. 定义组件 1.1 先在 src 目录下创建组件文件夹 components , 添加两个文件Home.vue 和 News.vue, 代码如下 ...
分类:
Web程序 时间:
2017-07-11 17:53:53
阅读次数:
1705
总是忘,留个笔记。 vue-cli A simple CLI for scaffolding Vue.js projects. Installation Prerequisites: Node.js (>=4.x, 6.x preferred), npm version 3+ and Git. Us ...
分类:
其他好文 时间:
2017-07-07 13:21:06
阅读次数:
114
使用vue-cli来配置webpack,webpack是一个打包工具,使程序模块化 全局安装vue-cli: 安装好后,使用vue-cli脚手架配置webpack: lanspa 为项目名称,ESLint是一个QA工具,用来避免低级错误和统一代码的风格,我选了no. 安装vue-router 允许我 ...
分类:
其他好文 时间:
2017-07-07 10:14:42
阅读次数:
224
. |-- build // 项目构建(webpack)相关代码 | |-- build.js // 生产环境构建代码 | |-- check-version.js // 检查node、npm等版本 | |-- dev-client.js // 热重载相关 | |-- dev-server.js / ...
分类:
其他好文 时间:
2017-07-06 22:51:20
阅读次数:
299