如何正确使用Vue.js的组件

        var vue = new Vue({

            el: 'body',
            data: {
                //这里负责数据
                myData: {},
            },
            ready: function () {
                //这里是vue初始化完成后执行的函数
                this.test();
            },
            methods: {
                //这里是自定义的方法
                test: function () {
                    alert('test');
                }
            }

        });

这是最基本一个vue结构，你说如果正确使用？问题的范围有点大，详细指什么？？

正确使用Vue.js的组件：
最基本一个vue结构如下：
var vue = new Vue({
el: 'body',
data: {
//这里负责数据
myData: {},
},
ready: function () {
//这里是vue初始化完成后执行的函数
this.test();
},
methods: {
//这里是自定义的方法
test: function () {
alert('test');
}
}
});