- 准备一个名为
create.view
的内容创建页面,并放在pay
目录下。 - 页面包含一个表单
form
,绑定submit
事件并防止默认行为。 - 表单内包含
input
类型为text
的属性,用v-model
绑定标题数据title
,和textarea
,用v-model
绑定内容数据content
。 - 添加一个
button
按钮,类名为primary
,点击触发create post
方法。 - 页面标题通过
use head
设置,并准备了title
和content
的空字符数据。 create post
函数会输出title
和content
的值,并处理异步请求,使用use api fetch
发送POST
请求,并在成功后清空标题和内容表单数据。- 如果当前用户存在,显示一个链接元素指向创建内容页面。
- 测试功能时,通过填写表单并发布,可以在后端数据库
post
表中看到新创建的内容。