一、项目中的组件注册二、路由三、vuex一、项目中的组件注册1. 全局import Loading from '@/components/loading';//封装的loading组件
Vue.component('Loading',Loading);2. 局部<loading/>
important loading from './components/loading'
comp
目录理解一.基本使用1.安装2.应用插件3.编写 router 配置项二、多级路由三、路由器的两种工作模式hash模式：history模式：四、注意事项 理解vue 提出了路由 route 的概念。 vue 中的路由 route ，是一组映射关系（ key - value ），key 是路径，val
我们知道用vue可以快速的构建一个单页应用。一个页面是可以划分为几大模块，而VUE-router，就是将组件映射到路由，然后告诉VUE-ROUTER在哪里渲染。 而我们具体的做法就是把每一个组件都挂载在router这个路由上面，有路由来决定哪个组件渲染. 具体用代码实现的过程，就是通过发布订阅模式来统筹管理这些组件。 1.npm安装vue-router依赖，在main.js里引入router
文章目录零.什么是路由一.基本使用二.注意点多级路由三.路由命名：简化跳转四.query传递参数五.params传递参数六.缓存路由组件七.路由的声明周期钩子八.路由器工作模式【hash和history】九.打包项目npm run build 零.什么是路由每一组key-value对应关系，就是一个路由route路由器router，用于管理多个路由用于实现单页面应用vue的一个插件库数据通过aj
一、什么是 VuePress ?VuePress 是基于 vue 的极简静态网站生成器，实际上就是一个 vue 的单页应用，内置 webpack，可以用来写文档。VuePress 可用于将 markdown 文件展示为 WEB 页面二、展示效果首页文档页三、开始搭建目标：记录我学习HTMl、CSS、JavaScript的笔记。创建含有三篇文章（HTML、CSS、JavaScript）的项目前提条件
1.嵌套路由要注意，以 / 开头的嵌套路径会被当作根路径。 子路由不要加/const router = new VueRouter({
routes: [
{
path: '/user/:id', component: User,
children: [
// 当 /user/:id 匹配成功，
// UserHome 会被渲染在
随着开源项目knife4j添加的新特性越来越多,搭建一个开源软件的技术博客迫在眉睫，针对非专业前端的开发者来说，能快速搭建一个网站当然是最好的，正好，看到了VuePress这款产品特点简直是和自己完美契合，主要有几点；通过编写Markdown文件就可以轻松完成整个站点的内容输出,不用考虑排版，专注于协作基于Vue、Node等技术的可插拔式的自定义插件开发体系,构建自定义的主题、插件等简单、方便安装
4.1 项目结构首先说明一下官方推荐的目录结构：4.2 创建项目文件夹可以右键手动新建，也可以使用 mkdir 命令新建：mkdir vuepressBlogDemo全局安装 VuePressnpm install -g vuepress进入 vuepressBlogDemo 文件夹，初始化项目 使用 npm init 或 npm init -y（默认yes）npm init -y4.3 创建文件
花了2天多的时间总算搭出一个博客的雏形了。 搭建的博客没有使用官方提供的主题，而是自己创建了一个主题。所以，在样式上，有自己的风格和特点。转入正题。
环境搭建安装VuePressyarn global add vuepress
或者：npm install -g vuepress
也可以直接下载我的代码。然后cnpm i 下载依赖 https://github.com/newway7/blog
第一步：创建路由文件 ng generate module app-routing --flat --module=app 注释：--flat 把这个文件放进了 src/app
原创
2021-07-21 09:39:02
290阅读
在项目扩展到一定程度，我们会对项目中大量的公共业务做封装，当多人开发时就带来一个问题：如何让所有人快速使用封装好的组件，降低学习成本？这里提供一个解决方案，那就是Vuepress框架，最新的 Vuepress2.x 框架已经蓄势待发，支持Vue3.x。一、创建一个基础Vuepress项目1、创建并进入一个新目录创建VuepressDocs目录mkdir VuepressDocs
cd Vuepre
前端博客（VuePress）一、介绍VuePress 是尤雨溪发布的一个全新的基于 vue 的静态网站生成器，实际上就是一个 vue 的 spa 应用，内置 webpack，可以用来写文档。详见 VuePress中文网。VuePress 由两部分组成：第一部分是一个极简静态网站生成器 (opens new window)，它包含由 Vue 驱动的主题系统和插件 API，另一个部分是为书写技术文档而
前言在上一篇文章 vuepress（一）：搭建个人博客插件的使用基础用法module.exports = {
plugins: [ 'vuepress-plugin-xxx', .... ]
}Babel 式module.exports = {
plugins: [
[
'vuepress-plugin-xxx',
{ /* options */ }
通过VuePress管理项目文档
原创
2021-07-21 16:29:53
465阅读
本文主要介绍了192.168.11.1路由器的安装、上网设置、无线WiFi名称和密码设置、管理密码设置等内容。优酷的路由宝(器)使用192.168.11.1作为设置网址；因此，本文将用一台优酷路由宝为例，来介绍192.168.11.1路由器的安装、设置方法。一台新购买的优酷路由宝，或则是恢复出厂设置后的优酷路由宝，要连接宽带上网，需要完成下面的设置步骤：1、正确192.168.11.1连接路由器2
说明最近想把常用的一些干货知识点都集中起来，方便发布和查找。相当于创建一个自己的知识库，我就叫它Java技术文档。虽然博客写文档也挺方便，但是在于文档的集中阅读和管理方面还是不够简洁和快速。此处就以Vue官方文档举例，它就是用的自家技术vuepress创建的。关于vuepresshttps://www.vuepress.cn/关于github pagesGithub Pages其实等于jekyll
1 什么是VuePress？vuePress是以vue驱动的主题系统的简约静态网站生成工具2 如何搭建？在官方网址上说的其实很清楚的，这边简要的说一下2.1 利用npm 安装 vuepress# 初始化 npm
npm init -y
# 安装
yarn global add vuepress # 或者：npm install -g vuepress
# 新建一个 docs 文件夹
mkdir
最终效果使用方式页面效果一、需求vitepress-theme-demoblock插件在编辑md文件时，不支持TSX模式，也无法import其他依赖，并且展开隐藏的vue代码都在md文件中，不够优雅，且每个md文件太长。至此弃用此拆件，改用自己封装demo组件二、plugins配置：在docs/.vitepress下新建config文件夹1、在config文件夹新建global.ts文件，代码如下
Vuepress Vuepress 从名字上看就知道
原创
2022-07-24 00:35:51
255阅读
fr
原创
2023-04-23 12:38:56
239阅读
