在Vuepress1.0中,md文件能自动识别导出的.vue文件,Vuepress2.0中需要安装插件并做好配置 步骤1: 安装 @vuepress/plugin-register-components 插件 1 yarn add @vuepress/plugin-register-components@next -D 步骤2:config.js中配置修改如下: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 ...
head: [ // 网页标签栏图标 ['link', { rel: 'icon', href: '/vuepress/favicon.ico' }], // 移动栏优化 ['meta', { name: 'viewport', content: 'width=device-width,initial-scale=1,user-scalable=no' }], // 引入jquery ["script", { "language": "javascript", "type": "text/javascr...
之前,Npcink 就已经使用 vue3 开发了一些简单的SPA单页,技术还是够用的。 效果预览 先看下最终效果 可以理解为一个简单的前后端分离的小项目,前端使用 vue3 和 Element Plus 给出,通过 Axios 与后端的 WordPress 的 REST API 进行通信,再让后端通过get_option函数拿到设置选项,进行功能设置。 技术流程 使用场景...
可以看到并没有增加太多的东西,就是path后面跟上url要增加的信息,然后告诉路由path变动后显示哪一个组件,这里分别显示Home组件和About组件。 最后使用路由,这里肯定是在首页上使用,我们在App.vue中: router-link标签中的to对应path内容,然后一定要放置下面的router-view标签,这个标签决定内容在哪里显示,效果如下: 点击...
# Vue项目使用mock数据的几种方式 本文是基于vuecli3.0创建的项目进行讲解 首先我们来说一说vue/cli 3.0 与 2.0 的一些不同: 1. 3.0 移除了 static 文件目录,新增了 public 目录,这个目录下的静态资源不会经过 webpack 的处理,会被直接拷贝,所以我们能够直接访问到该目录下的资源,静态数据(如json数据、图片等...