01-搭建项目结构步骤:1.0 在桌面上打开终端2.0 使用终端创建一个项目
执行指令： vue create heimatt(heimatt是项目名字+6)
生成项目时选择： Manually select features
选择自己项目中需要用到的特性： babel、vuex、vue-router、css Pre-process、eslint
是否开启 history 模式 ,
vue_router模式快速书写导航栏我们在做后台管理的前端项目的时候，往往会出现侧边导航栏条目非常多，我们一般的操作都是：在 home.vue 当中添加菜单，之后将写一段类似这样的代码：<el-menu>
……
<el-submenu>
……
<el-menu-item>
……
</el-menu-item>
<el-me
转载
2024-06-28 15:44:27
344阅读
因为官方给的例子是死的数据，全都用html写出来很多，所以想通过数据去展示nav，于是简单踩了下坑。效果图code<div class="nav-list"> <el-row class="tac"> <el-col> <el-menu default-active="/"...
原创
2021-09-09 14:20:18
714阅读
因为官方给的例子是死的数据，全都用html写出来很多，所以想通过数据去展示nav，于是简单踩了下坑。效果图code<div class="nav-list"> <el-row class="tac"> <el-col> <el-menu
原创
2022-03-04 13:47:13
760阅读
先说一下 css3 中的媒体查询媒体查询 （英文：Media queries ），这个特性非常的实用，尤其是需要根据设备的类型或者根据特定的特征和设备参数，来修改网站中的CSS样式。语法@media mediatype and|not|only (media feature) {
CSS-Code;
}组成：一个可选的媒体类型，告诉浏览器这段代码是用在什么类型的媒体上的，具体的媒体类型如下
转载
2024-07-09 17:23:03
120阅读
在开发后台管理系统中，经常会碰到合计行的需求，element有直接的属性可以使用，antdvue的需要手动去生成 如图为实现合计后的效果 1。首先给table配置column的时候，要明确哪些字段需要使用合计，如上图，只有总板数需要使用合计，那给总板数的配置加上标识符 即可,我这里为了方便辨识，直接增加了 su
转载
2024-04-25 17:34:29
44阅读
一.Vue渐进式 JavaScript 框架二.Vue安装1.安装node.js node.js中文网下载网址http://nodejs.cn/download/ 下载安装后，打开命令行（win+r 输入cmd）输入node -v 查看node的版本号，若显示如图则安装成功。安装完node.js也就有了npm管理器，它是集成在node中的，输入 npm -v 命令，显示npm的版本信息
转载
2024-02-26 11:03:29
149阅读
提示：刚接触Vue，对于前端掌握的也不熟练，后续的一些样式定义应不满足专业人士规范，仅供参考 Vue基础入门一、Vue入门二、Vue中的指令2.1 v-if2.2 v-if-else2.3 v-show2.4 v-for2.5 v-text 和 v-html2.6 v-cloak2.7 v-once2.8 v-on2.9 v-bind2.10 v-model三、小案例3.1 选项卡总结 一、Vue
转载
2024-05-15 05:49:25
445阅读
一、
Vue的安装和使用（idea）
vue是个前端框架。1.安装Node NPM（node package manage）是Node提供的模块管理工具，可以非常方便的下载安装很多的前端框架，包括jquery，AngularJS，VueJs都有，我们需要先安装node及NPM工具。 4.安装
vue npm install
vue --save二、
vue入门案例
Demo01<div id="app
转载
2024-05-31 14:55:54
105阅读
公司最近项目是后台管理系统，由我负责，网上找模板发现还需要改很多地方，而且那些模板也没有写代码的实现思路，对于vue项目经验不足者很难看懂，所以就按照自己的思路从零实现一遍，过程讲解还是比较详细的，若是有不足之处还请指正。整体布局：登录： 菜单：准备工作：1、安装elementuinpm i element-ui -S
import ElementUI from
转载
2024-02-08 15:19:31
101阅读
什么是数据响应？数据响应式是 vue 实现 UI的核心原理，当用户改变数据 data ，UI 自动更新。如何实现vue2.js 则是采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应的监听回调。更新 UI。Vue 中解释：当你把一个普通的 JavaScript 对象传入 Vu
转载
2024-09-12 16:25:58
58阅读
应产品的要求，做人生中的第一次换肤项目，在没做之前，确实觉得挺没有头绪的，所以就只能借助于百度啊，然后发现其实element自带的就有换肤功能，虽然看了很多别人的文章，但是想自己写一下加深印象。 一、项目搭建 第一步肯定是根据命令行生成对应的项目框架，然后安装element，根据需求引入自己需要的eleme
转载
2024-05-13 09:25:19
536阅读
拟实现整体布局确定一下我们后台框架的整体布局，就来个基础经典的再看下实现之后的效果：接下来一步一步走：1、webstorm新建项目接下来就等系统创建好后直接npm run serve，我们得到了一个默认的vue项目2、在项目中引入Element-UI参考官方说明：我们进行npm安装安装完毕之后，我们在main.js中进行引入：参考官方说明：整体引入：3、利用el-container设置页面布局参考
转载
2024-04-11 11:51:46
188阅读
项目介绍使用 vue 以及 element-ui 搭建一个 后台管理系统的模板。 纯属练手（写的比较糙 望指点）基本环境搭建 初始化项目使用 vue 以及 element-ui 搭建一个 后台管理系统的模板。 纯属练手（写的比较糙 望指点）1、初始化项目（babel vuex router eslint）vue create sandcms 2、等待 出现以下提示
转载
2024-04-03 13:20:15
76阅读
一、开始一）安装安装node.js下载网址：https://nodejs.cn/download/node -v #查看node版本
npm -v #查看npm版本，可以成功环境变量配置正确
npm config set registry http://registry.npm.taobao.org #设置npm为淘宝
npm config get regist
转载
2024-07-05 20:51:47
166阅读
一、Element Form资料地址：https://element.eleme.cn/#/zh-CN/component/form下面以Form表单为例，介绍Element UI的使用。第1步：使用脚手架创建vue工程；vue create vue-form第2步：添加element插件。vue add element选择按需加载：第3步：在App.js文件中定义Form表单；<templ
转载
2024-04-21 18:04:52
101阅读
一、安装node环境 1、下载地址为：https://nodejs.org/en/ 2、检查是否安装成功：如果输出版本号，说明我们安装node环境成功 3、为了提高我们的效率，可以使用淘宝的镜像：http://npm.taobao.org/ 输入：npm install -g cnpm –registry=https://registry.npm.taobao.org，即可安装npm镜
转载
2024-05-02 22:49:16
34阅读
企业级项目目录api接口模块：发送ajax请求的接口模块utils工具模块：自己封装的一些工具方法模块Vant 组件库第三方组件库：https://vant-contrib.gitee.io/vant/v2/#/zh-CN/引入组件方式一. 自动按需引入组件 (推荐)babel-plugin-import 是一款 babel 插件，它会在编译过程中将 import 的写法自动转换为按需引入的方式#
转载
2024-07-23 18:52:40
101阅读
原理详解图片压缩参数压缩图片的大小主要通过两种方式：改变图片的尺寸–缩小宽度和高度降低图片的清晰度此demo中可以
原创
2022-07-12 16:08:20
423阅读
电商项目 Vue的学习过程中,做了这个电商项目练习,在做的过程中做了如下一些笔记,本项目主要用到是 Vue + element-ui框架快速成型.由于还未学习服务器部署等技术,项目只能在本地运行.项目笔记如下.创建工程vue create vue_shop
rd/s/q 强制删除运行工程npm run serve删除多余组件内容关闭eslinet打开package.json 用下面替换
"esli
转载
2024-05-11 16:04:03
76阅读
