![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
美食杰项目
前端小猴
喜欢的小伙伴多来关注一下哦
展开
-
美食节------菜谱详情
看效果:detail.vue:<template> <div class="menu-detail"> <detail-header :info='info'></detail-header> <detail-content :cai='info'></detail-content> <Comment :title='info.title'></Comment> &l原创 2021-10-13 04:00:00 · 123 阅读 · 0 评论 -
美食节--------发布菜谱
main.js(引入element框架)import Vue from 'vue'import App from './App.vue'import store from './store/'import router from './router/index.js'import ElementUI from 'element-ui';import 'element-ui/lib/theme-chalk/index.css';import "./assets/css/index.styl"原创 2021-10-12 19:17:52 · 111 阅读 · 0 评论 -
美食杰--------菜谱大全
话不多说,直接看效果图:HTML:<template> <div class="recipe"> <!-- v-model="activeName" --> <!-- 菜谱分类 start --> <el-tabs type="border-card" v-model='classifyName'> <el-tab-pane .原创 2021-10-11 17:19:40 · 226 阅读 · 0 评论 -
美食杰-------个人空间
路由配置:{ path:'/space', name:'space', component:()=>import('@/views/user-space/space.vue'), redirect:{ name:'works' }, children:[ { ...原创 2021-10-08 20:14:29 · 99 阅读 · 0 评论 -
vue登录注册
1.登录注册功能思路得益于vue的数据双向绑定,让我们不用操作DOM就能边输入边验证字符串合法性 利用axios实现前后端的数据交互 利用jsonwebtoken实现登录验证,结合vue-router的beforeEnter导航钩子在跳转前拦截验证access_token的有效性验证输入的账号和密码是否合法(利用elementui的form表单)export default { data() { return { rulesForm: { ..原创 2021-09-24 15:49:29 · 614 阅读 · 0 评论