如何编写vue的javascript代码结构

<script>
    export default {
        data() {//Vue 实例的数据对象
            return {
                title: '表单相关',
            }
        },
        components:{},//注册组件实例
        props:[],//props 可以是数组或对象，用于接收来自父组件的数据。
        mounted() {//生命周期钩子
            this.http()
        },
        methods: {//methods 将被混入到 Vue 实例中。可以直接通过 VM 实例访问这些方法，或者在指令表达式中使用。
                    //方法中的 this 自动绑定为 Vue 实例。
            http(){
            },
        },
        watch:{//一个对象，键是需要观察的表达式，值是对应回调函数。值也可以是方法名，或者包含选项的对象。
        }
    }
</script>

更多参考 https://cn.vuejs.org/v2/guide/