vue.js - 关于vue数据传递

问题描述

问 题

各位大神帮忙看一下， 也是搞得挺久了。
我公司做一些简单的点菜页面，所以我就准备用传说小巧灵活的框架——vue。
先声明一下，因为页面很小，所以就不想引用webpack这种组件管理工具，vue-cli也不想用，确实也不会用。
只是想用一下vue的传递数据，渲染组件，拼字符串感觉太原始。路由也不需要。

言归正传：
这里就是用ajax取后端数据，然后放到构造器的data中，结果，出了$.ajax函数数据就取不到。
各位大神，帮忙看一下，这里究竟该怎么写？

感激不尽！

解决方案

谁告诉你这么获取数据的???
在ready或者creat里获取数据, 然后赋给data

{
    data: {
        id: '',
        title: '',
        category: '',
        content: ''
    },
    ready() {
        var request = $.ajax({
            type: "POST",
            dataType: 'json',
            url: "api.php"
        });
        request.then((json) => {
            this.id = json.data.id
            this.title = json.data.title
            this.category = json.data.category
            this.content = json.data.content
        });
    }
}

这篇关于vue.js - 关于vue数据传递的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！