前端框架_Vue
关注
分享
扫一扫
文章平均质量分 56
mango660
这个作者很懒，什么都没留下…
展开
-
【VUE项目总结】
项目介绍 该项目是一个电商平台，主要实现功能有： 针对用户：登录、注册、个人中心； 针对商品：展示、搜索展示、详情页； 针对用户和商品的交互：加入购物车、删除购物车、网上结账等。 开发一个前端模块的步骤： 写静态页面、拆分静态组件。 发请求。 Vuex。 组件获取仓库数据，动态展示。 项目配置 项目运行，浏览器自动打开。 // package.json "scripts": { "serve": "vue-cli-service serve --open", "build": "原创 2022-05-29 20:12:39 · 1055 阅读 · 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 · 353 阅读 · 0 评论 -
【VUE项目中遇到的一个神奇事情 & proxy】
一. 前要准备 Vue的反向代理proxy 使用： devServer: { proxy: { '^/api': { target: 'http://localhost:5000', pathRewrite: {'^/api': ''}, // 用于支持webscoket // ws: true, //原创 2022-02-14 17:39:06 · 211 阅读 · 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 · 121 阅读 · 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 · 358 阅读 · 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 · 404 阅读 · 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 · 153 阅读 · 0 评论