Day21 Vue data属

以前我们在写Vue时data都是这样写

但是到了元件这可能就会出现错误，前面我们的data属性总是以一个物件的方式来表达，但是在子元件里data属性则必须以函数回传物件的方式来表示。

你问我为什麽?我怎麽会知道

这是因为在JavaScript的物件类型是以「传址」的方式来传送资料，若是没有透过function来回传令一个新物件，则这些字元件的data就会共用同一个状态。

现在我们就来用例子看看，当我们用以前的方式写时，看似没问题但到了浏览器後却会出现问题。

可以看到讯息中写着"data option should be a function"就可以知道data在这里要是个函数才对，那我们去把data改看看。

ㄟ!对了，果真在子元件时data属性真的要使用函数不然真的会出错。

今天就先到这了，明天见~