一.vue开发插件后台界面wordpress本身自带jquery环境,php也可以写html代码,从而展示前端页面。但是jquery有一些过时了,不太适合现在数据驱动开发,使用vue可以更快更好的迭代。如上图所示,vue-cli开发的界面可以应用在插件界面中。二.设置管理菜单在插件的index.php中(入口文件)// 后台菜单初始化时创建自定义菜单
add_action('admin_menu'
VuePress@next 使用数学公式插件搞了一个VuePress1.0的 现在升级了一下,但是使用数学公式的插件老报错啊!经过不懈努力,终于搞定了。现在记录一下。2.0不想看前面的请直接异步到后面 2.0中一个最简单的配置后来发现的VuePress 介绍VuePress 是一个以 Markdown 为中心的静态网站生成器。你可以使用 Markdown 来书写内容(如文档、博客等),然后 Vue
Vuepress介绍类似hexo一个极简的静态网站生成器,用来写技术文档不能在爽。当然搭建成博客也不成问题。Vuepress特点
响应式,也可以自定义主题与hexo类似
内置markdown(还增加了一些扩展),并且可以在其使用Vue组件
Google Analytics 集成
PWA 自动生成Service Worker
快速上手
安装
初始化项目
yarn init -y
# 或者 npm i
转载
2024-07-22 10:19:29
84阅读
原型:<el-input
style="width:200px"
size="small"
v-model="searchKeyword"
type="text"
@keydown.native="searchhandle"
placeholder=
转载
2024-10-20 06:42:25
41阅读
vuepress 实用插件这些插件都是官方提供的,有些在我们实用默认主题的时候已经安装了,不需要再单独安装,有些插件需要我们单独安装。具体请看下面的介绍默认主题自带的插件@vuepress/plugin-active-header-links@vuepress/plugin-nprogress@vuepress/plugin-searchvuepress-plugin-containervuepr
转载
2024-03-16 10:11:54
277阅读
一个具有强大功能的 vuepress 主题仓库✨在vuepress或者vdoing主题项目中,其实已经内置了一些第三方插件,比如百度统计,第三方搜索,代码块一件复制,评论区等等。想看用了什么插件,看package.json就可以。以下是我的安装的一些依赖"devDependencies": {
"dayjs": "^1.9.7",
"inquirer": "^7.1.0",
转载
2024-08-20 14:21:39
218阅读
原文参考链接手把手教你使用 VuePress 搭建个人博客有阅读障碍的同学,可以跳过第一至四节,下载我写好的工具包: git clone https://github.com/zhangyunchencc/vuepress-devkit.git 然后从第五节开始看。一、为什么你需要一个博客?优秀的程序员都在写博客,写博客有很多好处:帮助自己梳理、总结、理解知识点(个人提升)帮助
前言最近公司是要重构一下我们的SDK文档,之前是用的gitbook来生成的,效果掺不忍睹,样式不好看就不好说了,之前的老哥写得东西语法很乱,改起来很费解,索性就干脆来个大换血。之前有用过各种的文章博客框架,比如:大名鼎鼎的hexo,比较流行的docsify,以及Docute。但是效果都不是很理想。想着既要样式好看,告别千篇一律,更要结构清晰,语法简单,能够支持自定义,更加自由的文档框架。知道发现了
转载
2024-03-22 23:37:12
76阅读
文章目录 前言
一、组件是什么?它的特点和好处分别是什么?二、使用步骤
1.新建组件2.引入组件3.注册组件4.使用组件 前言本文章简述了 vue 中的组件概念 ,以及怎么使用组件 。 简单易懂 提示:以下是本篇文章正文内容,下面案例可供参考一、组件是什么?可复用的vue实例。一个组件就是一个从TComponent派生出来的特定对 &n
一、描述 Vue 组件生命周期组件的调用顺序都是先父后子,渲染完成的顺序是先子后父。 组件的销毁操作是先父后子,销毁完成的顺序是先子后父。加载渲染过程
父beforeCreate->父created->父beforeMount->子beforeCreate->子created->子beforeMount- >子mounted->父mounted
子组件更
“组件”是 Vue 中比较基础的概念,但我发现,许多同学对 Vue 组件的概念和由来并不是清楚。因此,我希望通过这个专题,带大家换个角度来分析,最终让大家更清楚组件开发。首先,我们先不谈组件,我想问大家一个问题:我们平常用任何编程语言写方法(method)的时候,当一个方法里的逻辑过多时,我们会怎么办?当多个方法里有很多相似的逻辑时,我们该怎么办?答案很明了:拆分成一个独立的方法。如果拆分后还是有
# 如何使用VuePress搭建组件库
## 简介
在本篇文章中,我将教会你如何使用VuePress搭建组件库。VuePress是一个基于Vue.js的静态网站生成器,可以用来快速搭建文档网站。使用VuePress搭建组件库可以帮助我们更好地组织和展示组件,方便其他开发者使用和理解。
## 流程图
```mermaid
flowchart TD
A(准备工作)
B(创建项目
原创
2024-01-09 23:30:32
85阅读
组件化开发组件化开发(上)注册组件父组件和子组件注册组件语法糖组件模板template的抽离写法组件数据父子组件通信组件化开发(下)概述编译作用域使用Slot指定名称的slot父子组件之间的访问$children示例$refs示例$parent示例 组件化开发(上)将一个复杂的问题,拆分成很多歌可以处理的小问题,再将其放在整体当中。组件化也是类似的思想:如果我们将一个页面中所有的处理逻辑全部放在
Vue中组件的使用方式一1、使用Vue.extend创建组件 var com1 = Vue.extend({
template: '<h3>这是使用 Vue.extend 创建的组件</h3>' // 通过 template 属性,指定了组件要展示的HTML结构
}) 2、使用 Vue.component('组件的名称
一、组件基础格式1:<div id="id的名字">
<组件的名字></组件的名字>
</div>
<script type="text/javascript">
//把这个组件加载到VUE容器中
Vue.component('组件的名字',{
//第二个参数的形式,都是{data:function(){xxx},template}
前言:Vue.js(读音 /vjuː/, 类似于 view)是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另一方面,Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。 Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的
目前使用的是vue2版本 1.路由懒加载(实现按需加载)component: resolve => require(['@/views/physicalDetail/index'], resolve)2.gzip压缩插件(需要运维nginx配合)第一步,下载compression-webpack-plugincnpm i compression-webpack-plugin@6.1.1 --
给大家推荐一个免费部署个人博客的方案。使用vuepress+github托管+vercel。vercel我们可以使用vercel进行部署,vercel和github actions很相似,都是通过将博客的所有必须文件(包括package.json,docs等)push到github的某个仓库仓库中,然后在vercel中创建一个项目,导入此仓库,之后的一切就交给vercel去做了并且vercel还能
vuepress编写API文档介绍搭建安装初始化配置组件API文档发布组件库坑没有高亮 介绍想要搭建一个类似elementUI的组件库及相关的API文档,可以直接引用组件,还有代码展示,这里使用vuepress来搭建。详细配置可以前往vuepress官网查看。搭建安装全局安装vuepress
npm i vuepress -g新建项目mkdir my_vuepress初始化进入项目cd my_v
转载
2024-04-30 21:07:07
302阅读
前言作为一个想成为前端工程师的大龄熊孩子,自学前端的日子已经挺久了。然后自学的时候特想拥有一个自己的个人网站、个人博客之类的。有一天我在用vue + elementUi + koa2 + mongoDB搭建我期待已久的个人博客的时候。突然我想了一件事情,我究竟为什么要为了写个博客去用这么多技术栈呢?于是乎懒癌发作,于是我找到了这个东西,就是VuePress。1. VuePressVuePress是
转载
2024-06-04 13:21:22
198阅读