用Nuxt.js和vue-kindergarten建立你自己的链接共享网站
客户/商店/ index.js
行动:{/ /……异步savePost(上下文,{标题,url}){常量用户=这.美元的身份验证.用户常量数据={id:uuid(),用户标识:用户.id,作者:用户.用户名,标题,url,票:[],时间戳:新日期().取得时间()}试一试{等待这.axios美元.帖子(/ api /职位的,数据)}抓(错误){控制台.错误(错误)}},},
我们首先从auth模块(在我们的商店中为美元。身份验证
).然后,我们用新post的属性构造一个对象文字。我们还添加了一个空的票
数组,因为这是我们跟踪为某篇文章点赞的用户的方式。
一旦数据
对象构建完成后,我们使用axios模块通过POST请求将其提交给后端API。
获取和显示帖子
现在我们有了一种让用户提交链接的方法,我们还需要一种检索这些链接并显示它们的方法,因此让我们构建“new posts”页面。
在创建页面之前,让我们对商店进行必要的更改。
客户端/存储/ index.js
状态:{的帖子:[]},