vue组件注册为什么有时候要在require后面加上default?
webpack 打包时支持 CommonJS、AMD 和 ES6 的模块化系统。
我们通常写 .vue 单文件组件时，在 script 语言块中使用的是 ES6 的语法，使用 export default 进行默认导出。
1.使用require 是 CommonJS的模块导入方式，不支持模块的默认导出，因此导入的结果其实是一个含 default 属性的对象，因此需要使用 .default 来获取实际的组件选项。
2.使用 ES6 的 import 语句，ES6 的模块化导入导出语法。import 时需要给定一个变量名，所有 import 语句必须统一放在模块的开头。
如果 .vue 文件中使用的本来就是 CommonJS 或者 AMD 的模块化系统语法，导出的是 module.exports 对象作为组件选项，那么使用 require 导入时就不需要使用 .default 来获取。
es6新增在vue中常用语法
总结：使用字符串模板可以大大减少我们字符串拼接，大大提高阅读行；
总结：es6的箭头函数，简化了es5的函数，使用起来比较简单， 但是并不是所有的情况都可以使用箭头函数的，这个需要注意
es6新引入了export，import 两个关键字，主要是为了解决作用域的问题
总结：由于es6,引入js,经常会导致全局污染的问题，于是es6新增export,import,我们需要在那个文件使用import form即可。
如何轻松地将VueJS绑定到Typescript或ES6类
使用vue.js构造modal组件的方法是使用 v-model 指令：
v-model 指令在表单控件元素上创建双向数据绑定。根据控件类型它自动选取正确的方法更新元素。
比如，多个勾选框，绑定到同一个数组：
input type="checkbox" id="jack" value="Jack" v-model="checkedNames"
label for="jack"Jack/label
input type="checkbox" id="john" value="John" v-model="checkedNames"
label for="john"John/label
input type="checkbox" id="mike" value="Mike" v-model="checkedNames"
label for="mike"Mike/label
br
spanChecked names: {{ checkedNames | json }}/span
new Vue({
el: '',
data: {
checkedNames: []
}
})
vue引用public中的js文件
由于一些演示，需要对编码名称等可快速进行修改，需要页面方便配置。由于build后的vue项目基本已经看不出原样，因此需要创建一个文件，并在打包的时候不会进行编译。
例如config.js定义了一个变量叫config，并在index.html页面引入后，那么在页面任何一处地方都可以直接使用。
config.js：
index.html：
页面使用：
在开发环境中，我在public下创建了config.js文件，并且用export default方法进行导出。在页面使用的地方使用import config from XXX进入引入。开发过程中，没有出问题，但是在打包发布以后，发现修改config文件并不生效。
经过排查才意识到：不打包编译的js文件不识别es6语法，并且不应该使用import方法进行引入，应该按照原生的js文件进行使用。
原文地址：
不会es6能学vue吗
学vue最好是要会es6。
ES 6 是基础，一定要学。TypeScript 是一种主流，也要学。知识不要怕多怕学，入了这行，就要有持续学习的心理准备。
况且用框架编程，不管是 ES 6 还是啥 TypeScript，都不大需要每个知识点都用到，基本用到的还是简单的东西。所以一开始也不需事无巨细地每个知识点都学，边用边学就是。
第一，就是把js学好，包含es2015-es2018。第二，看ts官网或者买本书，学习ts，这时候你会发现，ts就和js一样。为什么这么说，因为ts囊括所有的js语法。剩下你要学的就是ts独有的，强类型、泛型、断言等等吧。最好买本书系统的学习一下。js基础最重要。
学习vuejs应该掌握哪些es6语法
应该说学习前段，需要一些 nodejs 基础。
因为现在得前端技术都离不开使用 npm安装包来去管理编译流程。
npm 是 nodejs 的包管理工具。另外 vuejs 脚手架等周边的工具也是需要 npm 包来操作的。所以，做前端，必须要了解 nodejs，重点是 npm 的安装、使用。