微头条Router工程代码
- 创建工程
npm creat vite
cd ./工程目录
npm install
npm install vue-router
2.src/router/index.js
3.src/views/Home.vue
微头条首页
<button @click="logout">退出登录
<input type="text" v-model="newTitle" placeholder="新闻标题" @keyup.enter="addNews" />
<button @click="addNews">+ 发布微头条
暂无新闻，快去发布一条吧
{{ item.title }}
{{ item.time }}
{{ item.content }}
📚 查看详情
<button @click="deleteNews(item.id)">🗑 删除
<button @click="likeNews(item.id)">💗 点赞 {{ item.likes }}
4.src/views/Login.vue
5.src/App.vue
6.src/main.j
浙公网安备 33010602011771号