一.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",
原文参考链接手把手教你使用 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}
转载 10月前
24阅读
前言: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 --
转载 6月前
24阅读
给大家推荐一个免费部署个人博客的方案。使用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
前言作为一个想成为前端工程师的大龄熊孩子,自学前端的日子已经挺久了。然后自学的时候特想拥有一个自己的个人网站、个人博客之类的。有一天我在用vue + elementUi + koa2 + mongoDB搭建我期待已久的个人博客的时候。突然我想了一件事情,我究竟为什么要为了写个博客去用这么多技术栈呢?于是乎懒癌发作,于是我找到了这个东西,就是VuePress。1. VuePressVuePress是
  • 1
  • 2
  • 3
  • 4
  • 5