Я просматривал этот ответ на SO: vuejs">Есть ли правильный способ сброса исходных данных компонента в vuejs?
Однако текущий метод сейчас не разрешен, и VueJS запрещает изменять переменную $data.
Как вы можете видеть здесь, в этом https://github.com/vuejs/vue/issues/2873 ( $data не может быть изменен. )
Поэтому, если я попробую вышеуказанный метод, я получу предупреждение VueJS:
[Предупреждение Vue]: избегайте замены корня экземпляра $data. Вместо этого используйте вложенные свойства данных.
Вот мой JS-код,
function initialState () {
return {
h2: 0,
ch4: 0,
c2h6: 0,
c2h4: 0,
c2h2: 0,
c3h8: 0,
c3h6: 0,
co: 0,
co2: 0,
o2: 0,
n2: 0,
selected: ''
}
}
export default {
name: 'something',
data () {
return initialState() // This is working fine
},
computed: {
tdcg: function () {
// some logic here...
}
},
methods: {
resetFields: function () {
this.$data = initialState() // --> This is what I want to achieve!
}
}
}
Итак, каков правильный и самый простой способ повторной инициализации моих данных?