03 2024 档案
摘要：前端项目初始化步骤： 安装 vue 脚手架（全局安装一次就可以一直使用） 通过 vue 脚手架创建项目 配置 vue路由 配置 element-ui 组件库 配置 axios 库可视化的=>（windows + r 打开运行面板 输入 cmd，在终端 vue ui）命令式的=> cmd创建项目 初始
阅读全文
摘要：指令以v-开头 属性绑定v-bind 事件绑定v-on 修饰符是以点开头的特殊后缀 main.js是入口文件，先倒入了vue，再倒入了app根组件，再倒入了路由和element对应的组件 样式不生效，cmd 下载lessloder依赖包=>npm install less-loader --save
阅读全文
摘要：电商系统的终端访问方式 pc端，移动app，移动web，微信小程序 前后端分离的开发模式，基于ajax负责调接口 用到的技术：vue vue-router element-ui axios echarts git 后台项目的环境安装配置 安装MySQL数据库（phpStudy,phpMyAdmin）
阅读全文
摘要：引入 vue 文件。（如果是引入的vue2，就引入vue-router3） （如果是引入的vue3，就引入vue-router4） <script src="https://cdn.jsdelivr.net/npm/vue@2.7.16/dist/vue.js"></script> <div id=
阅读全文
摘要：常用的编程式导航 API 如下： this.$route.push('hash地址')。 //给个hash地址就能跳转到指定的页面 this.$router.go(n). //为了实现前进和后退的，n是个数值，传的是1，就是历史记录中向前走一位，如果是-1，就是在历史记录中向后退一位 const U
阅读全文
摘要：const router = new VueRouuter({ routes:[ {path:'/user/:id' , name: 'user' , component: User} ] }) <router-link to="{ name : 'user' , params : { id : 1
阅读全文
摘要：1.props的值为布尔类型 const User={ props:['id'], //使用 props 接收路由参数 template:'<div>用户ID: {{ id }} </div>' //使用路由参数 } const router=new VueRouter({ routes:[ //如
阅读全文
摘要：应用场景：通过动态路由参数的模式进行路由匹配 <router-link to="/user/1">User1</router-link> <router-link to="/user/2">User2</router-link> <router-link to="/user/3">User3</ro
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<
阅读全文
摘要：Vue Router(官网 https://router.vuejs.org/zh/)是 Vue.js 官方的路由管理器。 Vue Router包含的功能有： 支持HTML5历史模式或hash模式 支持嵌套路由 支持路由参数 支持编程式路由 支持命名路由 基本使用： 1.引入相关的库文件。 ***如
阅读全文
摘要：路由重定向指的是：用户在访问地址A的时候，强制用户跳转到地址C,从而展示特定的组件页面。 通过路由规则的 redirect 属性，指定一个新的路由地址，可以很方便设置路由的重定向。 const router = new VueRouter({ routes:[ {path : '/' , redir
阅读全文
摘要：切图 链接：http://www.cutterman.cn/zh/cutterman
阅读全文
摘要：<template> <!-- 模板内容 --> </template> <script> export default { data() { return { count: 0, // 用于响应式数据 }; }, methods: { exampleMethod() { var varVariab
阅读全文
摘要：基于URL的hash实现（点击菜单的时候改变URL的hash，根据hash的变化控制组件的切换） //监听 window 的 onhashchange 事件，根据获取到的最新的 hash 值，切换要显示的组建的名称 window.onhashchange = function() { // 通过 l
阅读全文
摘要：1.1路由 路由是一个比较广义和抽象的概念，路由的本质就是对应关系。 在开发过程中，路由分为：前端路由和后端路由。 后端路由：概念 根据不同的用户URL请求，服务器端返回不同的内容。 本质 URL请求地址与服务器资源之间的对应关系。 （后端路由根据不同的URL地址分发不同的资源） 前端路由：概念 根
阅读全文
摘要：什么是生命周期：从Vue实例创建，运行，到销毁期间，总是伴随着各种各样的事件，这些事件，统称为生命周期！ 生命周期钩子 = 生命周期函数 = 生命周期事件 主要的生命周期函数分类： 创建期间的生命周期函数： beforeCreate：实例刚在内存中被创建出来，此时，还没有初始化好 data 和 me
阅读全文
