![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端框架_Vue
文章平均质量分 56
mango660
这个作者很懒,什么都没留下…
展开
-
【VUE项目总结】
项目介绍该项目是一个电商平台,主要实现功能有:针对用户:登录、注册、个人中心;针对商品:展示、搜索展示、详情页;针对用户和商品的交互:加入购物车、删除购物车、网上结账等。开发一个前端模块的步骤:写静态页面、拆分静态组件。发请求。Vuex。组件获取仓库数据,动态展示。项目配置项目运行,浏览器自动打开。// package.json"scripts": { "serve": "vue-cli-service serve --open", "build": "原创 2022-05-29 20:12:39 · 991 阅读 · 0 评论 -
【Vue-router的路由props配置】
作用:让路由组件更方便的接收到参数。1. 第一种写法path: 'detail',component: Detail, // props的第一种写法,值为对象 // 该对象中的所有key-value都会以props的形式传给Detail组件。props: { a: 1, b: 'hello'} 2. 第二种写法// props第二种写法,值为布尔值// 若布尔值为真,就会把该路由组件收到的所有params参数,以props的形式传给Detail组件。pro.原创 2022-02-22 19:28:41 · 329 阅读 · 0 评论 -
【VUE项目中遇到的一个神奇事情 & proxy】
一. 前要准备Vue的反向代理proxy使用:devServer: { proxy: { '^/api': { target: 'http://localhost:5000', pathRewrite: {'^/api': ''}, // 用于支持webscoket // ws: true, //原创 2022-02-14 17:39:06 · 190 阅读 · 0 评论 -
【Vue生命周期勾子】
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>0..翻译 2022-02-11 13:36:04 · 100 阅读 · 0 评论 -
【Vue内置指令】
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>v-.原创 2022-02-10 19:08:20 · 342 阅读 · 0 评论 -
【Vue过滤器】
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>过滤.原创 2022-02-10 17:14:08 · 392 阅读 · 0 评论 -
【Vue收集表单数据完整示例】
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>收集.原创 2022-02-10 16:33:08 · 134 阅读 · 0 评论