手把手教你使用 VuePress 搭建个人博客
有阅读障碍的同学，可以跳过第一至四节，下载我写好的
工具包:
git clone https://github.com/zhangyunchencc/vuepress-devkit.git 然后从第五节开始看。
一、为什么你需要一个博客？优秀的程序员都在写博客，写博客有很多好处：帮助自己梳理、总结、理解知识
本系统分为前台和后台两部分，前台部分主要是让用户进行查看历史文化信息，后台部分对这些信息进行管理 前端技术：nodejs+vue+elementui Express 框架于Node运行环境的轻量级Web框架,封装了Node的http模块并对该模块的功能进行了扩展使开发者可以轻松完成页面路由、请求处理、响应处理。 核心特性： 可以设置中间件来响应 HTTP 请求。
文章目录 前言
一、组件是什么？它的特点和好处分别是什么？二、使用步骤
1.新建组件2.引入组件3.注册组件4.使用组件 前言本文章简述了 vue 中的组件概念 ，以及怎么使用组件 。 简单易懂 提示：以下是本篇文章正文内容，下面案例可供参考一、组件是什么？可复用的vue实例。一个组件就是一个从TComponent派生出来的特定对 &n
VuePress简介VuePress 由两部分组成：第一部分是一个极简静态网站生成器，它包含由 Vue 驱动的主题系统和插件 API，另一个部分是为书写技术文档而优化的默认主题，它的诞生初衷是为了支持 Vue 及其子项目的文档需求。每一个由 VuePress 生成的页面都带有预渲染好的 HTML，也因此具有非常好的加载性能和搜索引擎优化（SEO）。同时，一旦页面被加载，Vue 将接管这些静态内容，
转载
2024-03-06 14:32:08
94阅读
百家饭团队开发的百家饭OpenAPI平台是用vuepress2.0搭建的，搭建的时候不知道2.0还处在beta状态，所以导致后来踩了一些坑，使用过程中vuepress2.0也从2.0.0-beta.18升到了2.0.0-beta.48，有很多的变化，所以想写一个教程介绍一下vuepress2.0的情况以及使用经验。这里先给搜索进来的同学提个醒：
转载
2024-04-17 19:21:02
111阅读
在之前的六篇教程中我们已经基本实现了迷你全栈电商应用，相信大家对于一个全栈应用的开发已经有了一个全面的认知。但是一个追求完美的工程师是不会吝啬他的艺术创造，仅仅实现应用的功能还不能满足用户的高需求，应用的界面效果也是提高用户体验的关键因素。因此本篇教程将基于 element-ui 组件库重构项目的前端代码，改善迷你电商应用的界面效果，提高用户的体验感。虽然我们可以轻松地引入现成的组件库，但是与之对
目前使用的是vue2版本 1.路由懒加载（实现按需加载）component: resolve => require(['@/views/physicalDetail/index'], resolve)2.gzip压缩插件（需要运维nginx配合）第一步，下载compression-webpack-plugincnpm i compression-webpack-plugin@6.1.1 --
一、前言前段时间学习了ts，于是用脚手架搭了个vue3.0+ts的项目，引入详细步骤及语法校验报错解决办法，整理下遇到的问题以及解决办法，分享给大家。二、使用1. 引入tsQ: 在vue项目中编写tsx函数式组件提示报错。在没有引入ts的项目中，写tsx语法提示报错。无法使用 JSX，除非提供了 “–jsx” 标志。ts(17004)A:先检查是否安装ts，cmd输入 tsc -v， 显示了版本号
转载
2024-10-10 08:58:33
129阅读
记下vuepress静态网站生成器集成element-UI框架
# 安装element进入vuepress根目录，执行命令 npm install element-ui
# 修改 enhanceApp.js接下来需要修改用于客户端应用增强的docs/.vuepress/enhanceApp.js文件vuepress的目录结构如下： .├── docs│ ├── .
原创
2022-11-10 13:42:53
564阅读
1.本章目标1.1 点击不同的菜单列表，可以在右侧 (Main) 主体区域显示不同的组件页面2. 如何实现2.1 通过将左侧菜单列表改造成路由链接的形式来实现1. 首先应该为 Menu (菜单)启用vue-router模式 (路由模式)，默认是false Menu 菜单 | Element Plus (gitee.io)https://element-plus.gitee.io/zh-C
转载
2024-10-28 13:13:48
181阅读
1、prop传值（父传子）父组件
<div id="app">
<HelloWorld msg="Welcome to Your Vue.js App"/>
</div>子组件
<template>
<div class="hello">
<h1>{{ msg }}</h1>
<
转载
2024-09-27 22:29:02
139阅读
从新建vue项目到引入组件Element流程标签： vue引入Element报错npm2017-02-27 13:55 8605人阅读 评论(2) 收藏 举报 分类：嵌套（3） 版权声明：本文为博主原创文章，未经博主允许不得转载。从新建vue项目到引入组件Element以及Error when rendering co
转载
2021-08-02 15:24:30
555阅读
总结vue的实战用的相关知识点 一、父子组件之间传递参数可以使用$ref获取dom元素或者是子组件可以通过ref实现父组件调用子组件的函数调用子组件的方法show()this.$refs.childComponent.show()子组件获取父组件的数据 可以直接使用props属性二、vue中的生命周期钩子三、vue的static和assert文件夹写在前面： 这是一篇vue-cli的几个小
转载
2024-10-01 11:24:09
0阅读
从新建vue项目到引入组件Element流程标签： vue引入Element报错npm
转载
2022-02-21 11:52:50
93阅读
JEECG工程详解src包DBConfig.propertieshibernate的优势`validationQuery.sql`文件在工程中的位置redis.properties文件在工程中的位置SwaggerConfig文件在工程中的位置InterfaceEnum文件在工程中的位置web.xml错误信息：“cvc-id.3: A field of identity constraint 'w
首先要安装css的loadernpm install css-loader style-loader --save-dev然后在webpack.config.js中配置如下代码意思是先用css-loader加载css文件，再用style-loader添加在页面中在app目录下创建component.css文件body{
background-color: red;
}在app/index.js中引
在前端开发领域，高效、灵活且易用的UI组件是项目成功的关键因素之一。今天，我要向大家推荐一个创新的Vue.js组件库——。这款开源工具专门用于构建流程图和工作流，它将帮助开发者快速创建出美观且功能丰富的流程应用。项目简介Vue Super Flow是一个基于Vue 3的可拖拽、可配置的流程图组件，支持多种节点类型、连接线样式，还提供丰富的API和自定义选项。通过这款组件，你可以轻松地为你的应用添加
“plugins”: [[
"component",
{
"libraryName": "element-ui",
"styleLibraryName": "theme-chalk"
}
]4、在min.js中按需引入即可 | 也可以单独建一个文件夹放按需引入的配置，引入即可。// element 按需引入
import ‘element-ui/lib/th
vue元素属性绑定v-bind属性绑定-基本使用使用 v-bind 指令对标签标准属性进行绑定。语法：<标签 v-bind:属性名称="表达式" ></标签>
<!-- 简易方式设置，推荐使用 -->
<标签 :属性名称="表达式"></标签>注意：冒号(:)的简易设置推荐使用。如果有需要，绑定的内容可以进行变量、常量、算术运算、比较运
1 安装首先，通过 npm 安装 vue-router 插件：npm install --save vue-router
复制代码安装的插件版本是：vue-router@3.0.22 用法2.1 新建 vue 组件在 router 目录中，新建 views 目录，然后新建两个 vue 组件（一个页面就对应一个组件）。index.vue：<template>
<div&
