如何禁用vue.js组件属性

Question

我想创建一个Vue.js组件从它的父组件接收性质，例如数据观察：

<table-cell :value="foo" format="date" /> 

由于value和format被定义为属性，Vue的会自动将观察员注册到他们的值。总的来说，这很好，但对于我的用例，我肯定知道这些值不会改变，因此不需要遵守。

鉴于我的表格单元格组件可以在1000行和10列的表格中，这2个属性将创建20,000个观察者，并且我想避免所有这些开销（并且我的真正表格单元格组件具有更多复杂的属性）。

是否有任何方法禁止观察组件属性，以避免浪费CPU &内存资源？

更新： 我发现与功能组件的方法一个低级别的解决方案，这里解释：https://vuejs.org/v2/guide/render-function.html#Functional-Components

我有这个的jsfiddle测试它：https://jsfiddle.net/50wL7mdz/12143/

我不知道这是否是正确的做法...

Answer 1

传递它与自定义数据我认为像<your-component :data-value='foo' :data-format='date'>

它会做你想做的。