- 准备一个名为
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表中看到新创建的内容。