webpack-dev-server Hello component msg update can not live update view

[cnweibo]

Hi, everything works perfectly when first setup vue webpack developement environment.
I open the http://localhost:8080 to check the live update when updating source code.

1. When change template for both App and Hello, the view will update immediately;
2. When i change msg data property of Hello, it does not update automatically, I must do a refresh;
   How can I fix it?

thanks~

[LinusBorg]

You can't. It's a limitation of hot reloading.

It's even described in the source code of Hello.vue

// note: changing this line won't causes changes
// with hot-reload because the reloaded component
// preserves its current state and we are modifying
// its initial state.
msg: 'Hello World'

Because in components, initial state if defined as a function: data() { return ... }, which is executed when an instance of a component is created during rendering. Hot reloading cannot replace this dynamically created state.