vue 在 html 的书写格式

    var vue = new Vue({
        el: "#app",
        data: {
            user_info: {
                user_name: "",
                server_host: "",
                user_login_time: ""
            },
            user_admin: false,       // 管理员用户
            message_badge: false,    // 消息徽章
            menu_tab: {},
            menu_tab_sub: {},
            msg: {}
        },
        watch: {
            // 数据变化时执行
            value: function() {
                // vue.circ('circle_0', vue.files[0].value);
                // for (let i = 0; i < vue.files.length; i++) {
                //     let id_row = vue.files[i].id_row;
                //     let value = vue.files[i].value;
                // }
            }
        },
        mounted() {
            // 自动执行区
            re_height();                // 重置main窗口
            this.load_user_info()
            this.load_msg_data()
            this.load_menu_data()

            // 用户信息菜单显示
            $("#btn_user_info_menu").hover(function () {
                $(".top_menu_li_ul").slideToggle()
            }, function () {
                $(".top_menu_li_ul").stop()
                $(".top_menu_li_ul").slideToggle()
            });
        },
        methods: {
            // 函数区

            // 载入用户数据
            load_user_info: function () {
                var ret = get_login_user_info();
                if (!ret.state) {
                    window.location.href = "./login.html"
                } else {
                    var member = ret.member;
                    this.user_info.user_name = member[0]["user_name"]
                    this.user_info.server_host = ret.server_host
                    this.user_info.user_login_time = ret.user_login_time

                    if (member[0]['admin'] == '1') {
                        this.user_admin = true;
                    } else {
                        this.user_admin = false;
                    }
                }
            }

    })


 

你可能感兴趣的:(vue)