VUE2项目
文章平均质量分 68
使用vue2,搭建项目
牛奶皮子
这个作者很懒,什么都没留下…
展开
-
vue2项目(五)---Detail
先给放大镜绑定全局事件总线,再在轮播图中触发事件,然后把图片的索引值传给放大镜。注意:getters里面的写法,请求数据是异步操作,所以一开始数据是空对象,所以读取空对象上的属性会报错,可以先加一个或空,来解决服务器报错问题。由于图片在一个数组里面,原先是一个空数组,所以请求会报错,我们添加一个或 [] 可以解决问题。1)由于商品详情页,需要带商品的Id,所以在配置路由的时候,需要使用params占位。当点击轮播图的图片时,放大镜进行展示轮播图里的图片。图片的数据在父组件中,需要使用父向子传值。原创 2023-05-11 11:42:47 · 124 阅读 · 0 评论 -
vue2项目(四)----Search
1.写静态页面2.拆分组件。原创 2023-05-11 10:51:26 · 1368 阅读 · 0 评论 -
vue2项目(三)----- Home
Home页面有7个子组件。步骤:1)创建组件(命名为TypeNav,全局组件一般放在components文件夹中)2)全局注册组件(在main.js文件中)注意:vue2和vue3全局注册都是在main.js文件中注册,但是写法不一样!!!3)使用组件(在home组件中使用TypeNav)步骤一样,先创建组件,再在Home组件中引入和注册并使用说明:1)本项目是一个前后台分离的项目前台应用与后台应用2)后台应用负责处理前台应用提交的请求并给前台应用返回json数据。原创 2023-05-07 20:32:48 · 616 阅读 · 0 评论 -
vue2项目(二)---Header、Footer
非路由组件:Header,Footer(首页,搜索页)路由组件:【Home首页】,【Search搜索】,【login登录(无Footer)】,【register注册(无Footer)】原创 2023-05-06 17:59:52 · 585 阅读 · 1 评论 -
vue2项目(一)
1. 在vue.config.js文件中关闭规则检查 lintOnSave:false2. 安装vue-router,vuex,lessnpm i vue-routernpm i vuexnpm i -D less less-loader3. 配置路由(1)创建router文件夹,在里面创建index.js文件import {createRouter,createWebHistory} from 'vue-router'import Home from '../p原创 2023-05-06 16:44:05 · 153 阅读 · 1 评论