直接引用vue的js文件和使用vue-cli写Vue应用的不同之处踩坑

持续更新…

---

刚开始接触vue有两种写法：

• 直接引用cdn的js文件到本地来单页地写
• 基于脚手架的项目写法

但是我发现这两种写法还不太一样，有些地方会有坑，如果不注意那很可能因为一个简单的错误而排了一下午的bug非常不值得。

比如

---

1.在前者中props中的传入数据名不能和自己的名字相同，即不能这样写：

子组件标签中写：
:detailMsg="detailMsg"

子组件props中写
props: {
	detailMsg: Object
}

这样会发生引用错误，但是在后者开发中就没有这种问题。

2.前者写法中子组件向父组件发射事件emit时，事件名不能有大写字母，即不能这样写

this.$emit('hideBox')

驼峰写法会触发不了事件，而在后者开发中就没有这个限制