Vue环境搭建参考

Angular5：https://www.itying.com/goods-232.html

Nodejs+Express基础全部免费：https://www.itying.com/goods-240.html

Koa2教程 ：https://www.itying.com/goods-800.html

Ionic3仿京东项目实战视频教程：https://www.itying.com/goods-460.html

cnpm 下载包：地址：http://npm.taobao.org/

安装cnpm:npm install -g cnpm --registry=https://registry.npm.taobao.org（指定镜像）

常见vue项目启动问题

【1】引入已有项目启动报错

在引入已有项目的时候，如果变更了项目之前的内容(删除原有的项目后重新引入同名的项目)，启动报错（考虑是缓存的问题，需要重新清理相关的内容后重新引入依赖再启动尝试）

Step1：npm cache clean --force Step2：rm -rf node_modules // rimraf xxxx Step3：rm -rf package-lock.json Step4：npm install npm install 成功之后再次启动 npm start

1.自定义组件

​ 基于对Element组件的学习，所谓组件其实就是一个自定义标签概念（可以理解为对元素的封装）。本质上，组件是可复用的 Vue 实例，可通过自定义方式实现

定义格式参考

Vue.component(组件名称, {
 	props:组件的属性,
 	data: 组件的数据函数,
 	template: 组件解析的标签模板
})

1.Vue基本概念

​ Vue是一套构建用户界面的渐进式前端框架。它只关注视图层，通过尽可能简单的API来实现响应数据的绑定和组合的视图组件，可以很方便的与其它库或已有项目整合。

【1】Vue特点

• 易用：在已有HTML、CSS、JavaScript的基础上可以快速上手
• 灵活：简单小巧的核心，渐进式技术栈，足以应付任何规模的应用
• 性能：20kbmin+gzip运行大小、超快虚拟DOM、最省心的优化

【2】Vue开发说明

​ 简单的Vue样例开发：