vue总结1

• vue异步加载组件

为什么使用？
js解释器是单线程，一次加载所有文件会影响用户体验。异步组件在使用的时候才加载js等文件。首屏优化用。

问题：使用import返回Promise报错unexpected token。

components:{
	'hello-world' : () => import(url)
}

解决方法：
引入插件：npm install --save-dev babel-plugin-syntax-dynamic-import
在.babel文件中plugins中添加该插件

• v-model

v-model是一种语法糖，既可以支持原生表单元素，也可以支持自定义组件。

自定义组件写法：
1.父组件中定义名为value的data，通过 v-model传给子组件
子组件中props接受value，并展示在页面。通过this.$emit(‘input’,newVal)
2.在子组件中定义model，属性prop替换value，event属性替换input

问题：当子组件中不写model，只能传value

思考：啥原理？参考文档

修饰符:
.lazy 响应表单组件chang事件，而不是input。对自定义