1、3，报错以下未定的错 es6转es5在项目的根目录下，修改babelrc的内容，添加#39es2015#39接着会报以下错误。

2、首先在大前提vuecli已经安装好的情况下，并且cnpm install后官网使用的是npm，但这里推荐用cnpm比npm快而且npm有时候会有出现卡住的现象，这里有个小提醒就是关于是否开启eslint，这个是对你写的代码进行规范化的一个工具。

3、1 查询后发现，是因为IE没有这个方法，不支持sessionStorage，解决的方法是IE本地调试用cookie，或者用webstrom打开项目，但我确实用的webstorm打开的项目，还是不可以，后来找到解决方法， 要把es6转es5 然后。

4、二vue与angular对比vue核心概念组件化 双向数据流基于ES5 definedProperty实现IE9以上才支持angular核心 模块化 双向数据绑定 ，脏检测一个数组 $watch组件比模块化更快，更细分化，头部页面template样式。

5、下面都是在PageTwovue里面进行修改，菜单名称修改为Vue组件实例vue文件的基本模板如下下面都会是ES5的写法，本人还是不太喜欢ES6或者TS，原谅我，反正本质一样lttemplate lttemplateexport default 一些配置，和前面说的。

6、Appvue是一个Vue组件，也是项目的第一个Vue组件 mainjs相当于Java中的main方法，是整个项目的入口js mainjs内容如下在mainjs中，首先导入Vue对象 导入Appvue，并且命名为App 导入router，注意，由于router目录下路由。

7、这次给大家带来怎样让Vue Es6解析为Es5语法，让Vue Es6解析为Es5语法的注意事项有哪些，只需要一段简单的代码就可以让Vue Es6解析为Es5语法下面就是实战案例，一起来看一下entry app #39babelpolyfill#39，#39srcmain。

8、#39vue$#39 #39vuedist#39 #39vuedist#39 for webpack 1 此时在运行webpack 命令重新编译，编译后在访问indexhtml页面，页面内容如下图此时一个基于webpack的vue 项目就搭建好webpack的一些常用配置。

9、数据驱动Vuejs数据观测原理在技术实现上，利用的是ES5ObjectdefineProperty和存储器属性 getter和setter所以只兼容IE9及以上版本，可称为基于依赖收集的观测机制核心是VM，即ViewModel，保证数据和视图的一致性watche。

10、前端src下有以vue为后缀的页面，就说明前端页面使用了vue框架342代码中有下面这个注解，就说明java后台用了springBoot框架@SpringBootApplication。

11、下面的ltrouteview部分是路由，根据用户的url不同，会路由到不同的vue文件，进而展示不同的页面内容四indexjs 项目里有不只一个indexjs，一定看准了，我要讲解的是router目录下的indexjs这里的配置决定了。

12、在很多 vue项目中，我们使用 vuecomponent 来定义全局组件，紧接着用 new vueel ”在每个页面内指定一个容器元素这种方式在很多中小规模的项目中运作的很好，在这些项目里 JavaScript 只被用来加强特定的视图 但挡在。

13、在项目vue测试过程中发现，ios10一下版本的浏览器均无法正常加载，出现白屏现象，开始以为是不支持es6语法的原因，但是添加es6转es5的配置之后还是无法加载， 通过找了一系列方法发现可能是swiper造成的首页使用了swiper。

14、系列文章中的完整项目，会实现一个文件上传和管理的单页面Web应用1 安装依赖包项目中使用了vuejs，webpack，gulp，还有饿了么开源的elementUI，因为使用了es2015，所以还需要引入babel将es6的js代码转换成es5。

15、4安装成功以下就是vue+webpack的模板 5执行npm run dev运行模板，建议更改下端口号，configindexjs，里面的port端口改为和其他端口不一样就可以了如果出现执行npm install，npm run dev 执行成功的界面 项目文件。

16、Babel是一个广泛使用的转码器，babel可以将ES6代码完美地转换为ES5代码，所以我们不用等到浏览器的支持就可以在项目中使用ES6的特性1在Webstorm 里新建一个空项目，取名为es6然后在根目录下面新建一个package。