vuejs 中的组件初始化数据问题

Question

我定义了vuejs的单文件组件, 如下

<script>
    module.exports = {
        data: function (){
            testData: ""
        },
        methods: {
            testFunc: (function (){
                this.testData = "hello";
            })()
        }
    }
</script>

我想初始化test, 但是 testFunc 方法没法访问 testData数据, 我想问下, 该如何访问数据, 或者说我这种初始话方式就完全不对, ps: 我这里是想调用服务器的数据进行初始化, 所以不想从父组件传递参数

Answer 1

creaded: function () {
    this.testFunc();
}

在creaded 中调用

Answer 2

要理解Vue的钩子的作用, methods里面我们只放了需要执行的方法,在组价初始化的时候里面的方法是不会主动加载的,必须使用created,或mounted来执行里面的方法,created钩子是组件未挂载但data已加载的时候执行的,mounted是组件已挂载,并组件渲染完成之后才会执行

Answer 3

created 楼上的兄弟写错了吧