javascript - Vue 1.0.18 版以上组件的data方法会执行2次？

Question

<p id="test">
    {{ message }}
    <my-component></my-component>
</p>

<script>
    var MyComponent = Vue.extend({
        template: '<p>A custom component!</p>',
        data: function () {
            console.log('data');
            return { a: 1 }
        }
    });
    new Vue({
        el: '#test',
        data: {
            message: 'Hello Vue.js!'
        },
        components: {
            'my-component': MyComponent
        }
    });
</script>

这里面console.log('data');会执行2次，用1.0.18版本以下则不会，怎么回事呢？

Answer 1

可以去官网看一下 change log 或者直接扒源代码。

Answer 2

你data里面为什么要放function？