为了前后端分离，我们在前端和api层中间，架构了一层node层，用来做服务端渲染，来加快用户的首屏可用和对搜索引擎的友好。项目一开始放置在同一个git仓库里面，分别放在client目录和server目录中（或者类似于vue 官方例子中的一样，node服务可能只有一个sever.js。因为server中可能需要client中的一些资源，所以不得不将他们放在一起。后来通过配置中心驱动之后，client
作者：Matt Maribojoc 译者：前端小智 后面的模板是我们做后台管理系统经常所需要的东西。 虽然，我们总可以花很多时间从头开始设计自己的模板，但有现在的模板让我们套，节省我们更多时间用来摸鱼，何乐而不为呢。这些现有出色模板，除了节省时间外，还附带这些好处：内置常用案例的组件跨不同视图的一致样式内置响应式设计技术支持和文档1. Vue Black Dashboard Pro线上地址：htt
VUE项目实战（一）1.vue-cli脚手架初始化项目2.项目的其他配置1.项目运行起来的时候，浏览器自动打开2.eslint校验功能关闭3.src简写为@3.路由传参4.路由传参相关面试题5.重写push和replace方法1.vue-cli脚手架初始化项目1.首先需要下载node+webpack+淘宝镜像2.Vue创建项目：npm install --globalvue-cli vue ini
接着之前的笔记，参考源码的布局,增加Sidebar的Logo组件及Navbar上折叠菜单的组件。Sidebar上的Logo先固定一个logo占位,默认为true.在src>layouts>Sidebar下新建Logo.vue。这里使用了VUE的内置组件以及。Logo.vue代码如下。主要思路就是传入collapse属性来加载样式及图片等。样式内容省略。<template>
Vue入门实战教程之vue-element-admin初体验1.1 写在前面的话1.2 vue-element-admin 后台管理框架1.2.1 开发环境搭建1.2.1.1 关于node 版本选择和安装1.2.1.2 Git1.2.2 下载代码1.2.3 跑起来1.2.4 体验它1.2.5 分析它1.2.5.1 项目目录结构1.2.6 Q & A1.2.6.1 网络请求封装1.2.6.
vue3 接入 Element Plusvue3 发布已经很久了，官方也已经发布公告，自2023年12月31日起停止对 vue2 版本的维护更新，因此，vue3 正式登上了历史的舞台。组件库一直是前端开发的利器，减少了开发者开发复杂度，提高开发效率，在 vue2 中，最常使用的是 element-ui 组件库，在 vue3 发布之后，element-ui 也推出了针对于 vue3 版本的组件库 E
原创
2024-01-16 17:04:07
522阅读
一、环境搭建1、安装node （node -v查询版本号）node 安装 ---- 官网下载安装 2、安装淘宝镜像npm install -g cnpm --registry=https://registry.npm.taobao.org 3、安装 webpack，以全局的方式安装npm install webpack -g (
一个vue.js的项目，另一个人想要买过去，但是需要换一下风格。一、需求换的东西不多，主要包括： 1、主色调：原来是紫色，需要换成浅蓝色 2、logo、一些背景色 3、一些操作按钮的颜色 4、一些menu和小图片二、分析1、后台逻辑和javascript逻辑上均没有改动，都是html、css层面的东西 2、此项目后续还要开发新功能所以，方案是基于一套代码做切换。三、开工1、首先在App.vue中加
转载
2024-10-23 11:48:23
168阅读
Vue3脚手架指南在DOS命令行窗口下操作使用Vue3，必须安装node.js，执行如下命令，检查node环境： >node -v
v16.14.0 1.安装cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org 2.安装脚手架Vue的脚手架名称由vue-cli改成了@vue/cli，如果以及全局安装了旧版本的v
转载
2024-09-26 07:31:36
160阅读
先下载往期vite project项目直接开始安装npm i element-plus 为了方
原创
2022-11-01 16:29:29
737阅读
前言2019.10.5日发布了Vue3.0,现在2020年了，估计Vue3.0正式版也快出来了。2.0跟3.0的变化也挺大的，结构: 2.0用Flex ,3.0用 TypeScript。性能: 3.0优化了Virtual Dom的算法。响应式原理:2.0用 Object.defineProperty,3.0用Proxy...Vue2.0和Vue3.0实现原理Vue 2
转载
2024-10-14 09:43:29
220阅读
作者 | 全能的阿豪大家在做后台管理系统时一般都会涉及到菜单的权限控制问题。当然解决问题的方法无非两种——前端控制和后端控制。我们公司这边的产品迭代速度较快，所以我们是从前端控制路由迭代到后端控制路由。下面我会分别介绍这两种方法的优缺点以及如何实现（不熟悉vue-router API的同学可以先去官网看一波API哈）。我先简单说下项目的需求：如下图所示，有一级菜单和二级菜单，然后不同的人
0 前言这两天 Yogurt 的部门成员开始提出离职，临过年了，来年祝好吧。但是在新的成员加入之前，一些需求单的处理就都要暂时归 Yogurt 来负责了。但 Yogurt 终归是一个人，没有三头六臂，万一后面需求多了，自己记不过来那就太耽误事了。所以想着开发个动态提交表单的工具，过了年来就可以用了。时间不多不少 1 个月，晚上抽点时间来做开发，加上春节，应该来得及。Web 端用 ElementUI
转载
2024-10-28 11:31:58
162阅读
vue.js Vue中提供了一些固定的标签来方便我们在开发过程中使用，并且在开发过程中，我们很有可能因为要使用某些第三方库而不得已要操作DOM元素，因此如何获取并操作DOM元素的使用呢。Vue中提供的标签component这个标签是用来展示组件的
// 直接通过自定义组件名称当作标签使用
new Vue({ el: "#app", components: { "要展示的
转载
2024-07-10 14:37:51
227阅读
首先在toast文件夹去创建一个index.js文件，在js文件中创建一个对象，将他导出// index.js
const toast = {}
export default toast在main.js中导入这个文件，并且use它// main.js
import toast from 'toast/index.js'
Vue.use(toast)我们知道use，就是调用该对象的install方法
迄今为止做的最大的 Vue 项目终于提交测试，天天加班的日子终于告一段落。。。在开发过程中，结合 Vue 组件化的特性，开发通用组件是很基础且重要的工作通用组件必须具备高性能、低耦合的特性为了满足这些特性，开发的时候有很多需要注意的地方，这里我和大家分享一下我的心得 一、数据从父组件传入为了解耦，子组件本身就不能生成数据。即使生成了，也只能在组件内部运作，不能传递出去。父对子
移动端组件，预期效果如图#############################################思路： 日历分两部分，上半部功能区和下半部展示区。功能区展示年月，可以左右切换年月。下半部展示日历，点击即为选中。默认日期有底色，选中日期为另一底色，默认为6行7列第一种，计算每个月第一天和最后一天第二种：时间戳知识点：// 获取某月最后一天
var date= new Date(ye
Vue3的UI Framework中有Element-Plus、BalmUI、Quasar、PrimeVue、Ant Design Vue等UI Framework.Element-Plus是Element-UI的Vue3版,Element-UI的使用人数的基数较大,Github上的Star数也较多,就选择了Element-Plus作为这个Blog项目的UI Framework.UI Framew
转载
2024-03-22 10:52:31
1378阅读
这个例子还是比较简单的，独立完成后，能大概知道vue是干嘛的，可以写个todoList的小例子。开始写例子之前，先对环境的部署做点简单的介绍，其实和Vue官方的差不多。#如若没有安装过vue-cli,先全局安装一下vue-cli
$ cnpm i -g vue-cli
#到自己喜欢的目录下创建一个基于 webpack 模板的新项目
$ vue init webpack my-project
#
#
转载
2024-06-07 18:11:05
69阅读
Vue.js是当下很火的一个JavaScript MVVM库，它是以数据驱动和组件化的思想构建的。相比于Angular.js，Vue.js提供了更加简洁、更易于理解的API，使得我们能够快速地上手并使用Vue.js。Vue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的渐进式框架。Vue 只关注视图层， 采用自底向上增量开发的设计。Vue 的目标是通过尽可能简单的 API 实
