摘要: 前端项目初始化步骤: 安装 vue 脚手架(全局安装一次就可以一直使用) 通过 vue 脚手架创建项目 配置 vue路由 配置 element-ui 组件库 配置 axios 库可视化的=>(windows + r 打开运行面板 输入 cmd,在终端 vue ui)命令式的=> cmd创建项目 初始 阅读全文
posted @ 2024-03-23 20:25 “好”久不见 阅读(5) 评论(0) 推荐(0) 编辑
摘要: 指令以v-开头 属性绑定v-bind 事件绑定v-on 修饰符是以点开头的特殊后缀 main.js是入口文件,先倒入了vue,再倒入了app根组件,再倒入了路由和element对应的组件 样式不生效,cmd 下载lessloder依赖包=>npm install less-loader --save 阅读全文
posted @ 2024-03-23 16:33 “好”久不见 阅读(1) 评论(0) 推荐(0) 编辑
摘要: 电商系统的终端访问方式 pc端,移动app,移动web,微信小程序 前后端分离的开发模式,基于ajax负责调接口 用到的技术:vue vue-router element-ui axios echarts git 后台项目的环境安装配置 安装MySQL数据库(phpStudy,phpMyAdmin) 阅读全文
posted @ 2024-03-21 15:53 “好”久不见 阅读(1) 评论(0) 推荐(0) 编辑
摘要: 引入 vue 文件。(如果是引入的vue2,就引入vue-router3) (如果是引入的vue3,就引入vue-router4) <script src="https://cdn.jsdelivr.net/npm/vue@2.7.16/dist/vue.js"></script> <div id= 阅读全文
posted @ 2024-03-20 09:43 “好”久不见 阅读(2) 评论(0) 推荐(0) 编辑
摘要: 常用的编程式导航 API 如下: this.$route.push('hash地址')。 //给个hash地址就能跳转到指定的页面 this.$router.go(n). //为了实现前进和后退的,n是个数值,传的是1,就是历史记录中向前走一位,如果是-1,就是在历史记录中向后退一位 const U 阅读全文
posted @ 2024-03-17 13:56 “好”久不见 阅读(2) 评论(0) 推荐(0) 编辑
摘要: const router = new VueRouuter({ routes:[ {path:'/user/:id' , name: 'user' , component: User} ] }) <router-link to="{ name : 'user' , params : { id : 1 阅读全文
posted @ 2024-03-17 13:38 “好”久不见 阅读(1) 评论(0) 推荐(0) 编辑
摘要: 1.props的值为布尔类型 const User={ props:['id'], //使用 props 接收路由参数 template:'<div>用户ID: {{ id }} </div>' //使用路由参数 } const router=new VueRouter({ routes:[ //如 阅读全文
posted @ 2024-03-17 13:01 “好”久不见 阅读(1) 评论(0) 推荐(0) 编辑
摘要: 应用场景:通过动态路由参数的模式进行路由匹配 <router-link to="/user/1">User1</router-link> <router-link to="/user/2">User2</router-link> <router-link to="/user/3">User3</ro 阅读全文
posted @ 2024-03-17 12:38 “好”久不见 阅读(4) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文
posted @ 2024-03-17 12:32 “好”久不见 阅读(1) 评论(0) 推荐(0) 编辑
摘要: commit 阅读全文
posted @ 2024-03-17 11:44 “好”久不见 阅读(2) 评论(0) 推荐(0) 编辑