vue项目实战演示地址github仓库部分截图演示地址https://lengyuexin.github.io/vue-demo/#/homegithub仓库https://github.com/lengyuexin/vue-demo/部分截图做的比较简单，适合新手这是用的移动端框架，查看的时候可以用手机或者浏览器的手机模式存在适配问题...
原创
2021-07-15 11:13:26
488阅读
vue项目实战演示地址github仓库部分截图演示地址https://l
原创
2022-01-21 11:21:03
241阅读
Vue 的基本介绍1. 库(library)和框架(Framework)的区别库: 是一系列函数的集合,如果想要实现某个功能,直接调用库里面的方法即可. 例如(jquery).使用库 : 开发人员起主导作用框架: 是一套完整的解决方案,它制定了一个规则,想要使用框架,就要按照框架的规则来编写代码,框架会在何时的时机执行我们编写的代码. 例如(Vue).使用框架: 框架起主导作用框架和库的主要区别
1.项目概述1.功能模块电商后台管理系统大致可以分为以下几个功能模块：用户登录，退出登录用户管理权限管理
角色列表权限列表商品管理
商品列表分类列表参数管理订单管理数据管理2.开发模式采用的开发模式是前后端分离的开发模式。其中前端项目是基于Vue技术栈的SPA(单页面应用)项目。前端技术栈主要有：vuevue-routerElement-UIAxiosEcharts后端技术栈主要有：N
Vue-Router资料
Vue-router
Vuex 介绍Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。包含的功能有：嵌套的路由/视图表 模块化的、基于组件的路由配置 路由参数、查询、通配符 基于 Vue.js 过渡系统的视图过渡效果 细粒度的导航控制 带有自动激活的 CSS class 的链接 HTML5 历史模
改造新闻的路由链接把a链接改成router-link<router-link to="/home/newslist">
<div class="mui-media-body">新闻资讯</div>
</router-link>匹配路由import NewsList from './components/news/NewsList.vue'
{ pa
转载
2023-07-26 22:56:09
177阅读
前言由于vue相对来说比较平缓的学习过程和新颖的技术思路，使其受到了广大前后端开发者的青睐，同时其通俗易懂的API和数据绑定的功能也为其揽获了不少用户。本文主要讲解vue项目的构建与实战，因此不会太多涉及其API和语法部分，旨在帮助vue的入门级用户了解从零开始构建vue项目的步骤和方法。vue项目分类首先，在构建一个vue项目之前我们需要了解vue项目的分类，这里我主要将其分为两类：（1）直接引
转载
2017-06-27 10:08:04
601阅读
登录和认证一、登录1）页面基本布局2）登录接口封装import request from '@/utils/request'import qs from 'qs'// import store from '@/store'interface User {phone: string;
password: string;
}// 登录export const login = (form: Us
转载
2021-01-21 17:44:48
671阅读
2评论
三、基础样式处理1）导入 element 组件库Element - 网站快速成型工具安装 npm i element-ui -S完整引入// main.jsimport Vue from 'vue';import ElementUI from 'element-ui';import 'element-ui/lib/theme-chalk/index.css';import App from './
转载
2021-01-21 17:46:59
345阅读
2评论
前言vue作为前端主流的3大框架之一，目前在国内有着非常广泛的应用，由于其轻量和自底向上的渐进式设计思想，使其不仅仅被应用于PC系统，对于移动端，桌面软件（electronjs）等也有广泛...
原创
2022-04-29 22:39:36
1059阅读
作为今年前端圈中最大的新闻之一，vue 3 的正式版的发布引起了几乎所有前端 er 的围观。步入 2021 年，我开始在项目中使用 vue 3 进行开发。以下是我使用 vue 3 一个月后的一些经验总结以及看法。开发环境方面一般我们使用 vue 3 都是使用 vue 官方的脚手架新建项目，要么是 vue-cli 或者 vite。考虑到 vite 是新出的东西，兼容性方面还有待检测，于是我使用的是
转载
2021-01-16 10:57:36
562阅读
2评论
概述 -- 项目中会用到的插件 vue-router vue-resource 打包工具 webpack 依赖环境 node.js start 安装vue开发的模板 # 全局安装 vue-cli 文件解释： build中配置了webpack的基本配置、开发环境配置、生产环境配置 config中配置了
原创
2022-04-06 11:26:27
506阅读
目录前言:技术准备开发流程项目展示前言:项目学习地址,点击了解:https://how2j.cn天猫整站 Springboot 版本，就是这样一个实践项目。 我会带着大家，从零开始，把整个项目构建出来。成熟的项目规划与设计本教程作者，也就是我~ 有8年企业开发管理经验，7年教学经验，曾参与管理开发几十个商业项目。将展示如何合理设计与规划这样一个规模的电商项目，既做到功能丰富，又让开发节奏有条不紊。基于Springboot 框架技术本项目使用 Springboot 框架进行系统
原创
2021-05-19 23:24:50
527阅读
点赞
性能优化有一套「发现 → 定位 → 解决」的闭环方法论。本文以真实项目为蓝本，从编码阶段到上线监控，给出一条可落地的 Vue 性能优化路线图。一、量化指标定位性能瓶颈任何优化之前先用量化证据锁死问题。Lighthouse 一键跑分：首屏、交互、CLS 三条红线Performance 面板录制：定位长帧、强制同步布局埋点 SDK：把 FP、FCP、TTI、长任务扔给监控平台只有当指标低于业务阈值（如
文章目录1. 引言2. alias2.1 alias使用方式3. element项目详解1. 引言在前面的章节，已经讲解了部分vue-element-admin的知识：《Java程序员从零开始学Vue（25）-element开源项目-项目结构分析》《Java程序员从零开始学Vue（26）-element开源项目-Vuex》本文主要讲解的是alias别名。2. alias我们知道，在日常的开发中，要引入一个文件，经常要写一连串的东西，如下：import stickTop from '..
原创
2022-01-25 17:39:48
730阅读
vue3.0新增功能1.关于安装Vue CLI 的包名称由 vue-cli 改成了 @vue/clinpm install -g @vue/cli
安装完成之后查看版本号
vue --version出现版本号就意味着成功2.项目创建关于项目创建，除了命令创建3.x还增加了图形化界面创建以及管理vue项目 在创建新项目时还可以混合选用多种集成TypeScriptPWA --Progressive
转载
2024-02-05 07:21:36
53阅读
