一、组件基础格式1:<div id="id的名字"> <组件的名字></组件的名字> </div> <script type="text/javascript"> //把这个组件加载到VUE容器中 Vue.component('组件的名字',{ //第二个参数的形式,都是{data:function(){xxx},template}
转载 10月前
24阅读
1.全局组件组件是一个特殊的实例。 全局组件通过Vue.component()方法定义<div id="app"> <!-- 组件使用:当自定义标签,真正渲染的是组件的template--> <!--dom元素的模版中必须用双标记,不可用单标记,因为有时会出问题--> <my-button></my-button> <my-
转载 2024-09-26 14:57:49
55阅读
vuepress 实用插件这些插件都是官方提供的,有些在我们实用默认主题的时候已经安装了,不需要再单独安装,有些插件需要我们单独安装。具体请看下面的介绍默认主题自带的插件@vuepress/plugin-active-header-links@vuepress/plugin-nprogress@vuepress/plugin-searchvuepress-plugin-containervuepr
转载 2024-03-16 10:11:54
277阅读
前言最近公司是要重构一下我们的SDK文档,之前是用的gitbook来生成的,效果掺不忍睹,样式不好看就不好说了,之前的老哥写得东西语法很乱,改起来很费解,索性就干脆来个大换血。之前有用过各种的文章博客框架,比如:大名鼎鼎的hexo,比较流行的docsify,以及Docute。但是效果都不是很理想。想着既要样式好看,告别千篇一律,更要结构清晰,语法简单,能够支持自定义,更加自由的文档框架。知道发现了
转载 2024-03-22 23:37:12
76阅读
文章目录 前言 一、组件是什么?它的特点和好处分别是什么?二、使用步骤 1.新建组件2.引入组件3.注册组件4.使用组件 前言本文章简述了 vue 中的组件概念 ,以及怎么使用组件 。 简单易懂  提示:以下是本篇文章正文内容,下面案例可供参考一、组件是什么?可复用的vue实例。一个组件就是一个从TComponent派生出来的特定对      &n
一.vue开发插件后台界面wordpress本身自带jquery环境,php也可以写html代码,从而展示前端页面。但是jquery有一些过时了,不太适合现在数据驱动开发,使用vue可以更快更好的迭代。如上图所示,vue-cli开发的界面可以应用在插件界面中。二.设置管理菜单在插件的index.php中(入口文件)// 后台菜单初始化时创建自定义菜单 add_action('admin_menu'
一、描述 Vue 组件生命周期组件的调用顺序都是先父后子,渲染完成的顺序是先子后父。 组件的销毁操作是先父后子,销毁完成的顺序是先子后父。加载渲染过程 父beforeCreate->父created->父beforeMount->子beforeCreate->子created->子beforeMount- >子mounted->父mounted 子组件
VuePress@next 使用数学公式插件搞了一个VuePress1.0的 现在升级了一下,但是使用数学公式的插件老报错啊!经过不懈努力,终于搞定了。现在记录一下。2.0不想看前面的请直接异步到后面 2.0中一个最简单的配置后来发现的VuePress 介绍VuePress 是一个以 Markdown 为中心的静态网站生成器。你可以使用 Markdown 来书写内容(如文档、博客等),然后 Vue
组件”是 Vue 中比较基础的概念,但我发现,许多同学对 Vue 组件的概念和由来并不是清楚。因此,我希望通过这个专题,带大家换个角度来分析,最终让大家更清楚组件开发。首先,我们先不谈组件,我想问大家一个问题:我们平常用任何编程语言写方法(method)的时候,当一个方法里的逻辑过多时,我们会怎么办?当多个方法里有很多相似的逻辑时,我们该怎么办?答案很明了:拆分成一个独立的方法。如果拆分后还是有
# 如何使用VuePress搭建组件库 ## 简介 在本篇文章中,我将教会你如何使用VuePress搭建组件库。VuePress是一个基于Vue.js的静态网站生成器,可以用来快速搭建文档网站。使用VuePress搭建组件库可以帮助我们更好地组织和展示组件,方便其他开发者使用和理解。 ## 流程图 ```mermaid flowchart TD A(准备工作) B(创建项目
原创 2024-01-09 23:30:32
85阅读
Vue中组件的使用方式一1、使用Vue.extend创建组件 var com1 = Vue.extend({ template: '<h3>这是使用 Vue.extend 创建的组件</h3>' // 通过 template 属性,指定了组件要展示的HTML结构 }) 2、使用 Vue.component('组件的名称
前言: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还能
组件化开发组件化开发(上)注册组件组件和子组件注册组件语法糖组件模板template的抽离写法组件数据父子组件通信组件化开发(下)概述编译作用域使用Slot指定名称的slot父子组件之间的访问$children示例$refs示例$parent示例 组件化开发(上)将一个复杂的问题,拆分成很多歌可以处理的小问题,再将其放在整体当中。组件化也是类似的思想:如果我们将一个页面中所有的处理逻辑全部放在
Vuepress介绍类似hexo一个极简的静态网站生成器,用来写技术文档不能在爽。当然搭建成博客也不成问题。Vuepress特点 响应式,也可以自定义主题与hexo类似 内置markdown(还增加了一些扩展),并且可以在其使用Vue组件 Google Analytics 集成 PWA 自动生成Service Worker 快速上手 安装 初始化项目 yarn init -y # 或者 npm i
转载 2024-07-22 10:19:29
84阅读
vuepress编写API文档介绍搭建安装初始化配置组件API文档发布组件库坑没有高亮 介绍想要搭建一个类似elementUI的组件库及相关的API文档,可以直接引用组件,还有代码展示,这里使用vuepress来搭建。详细配置可以前往vuepress官网查看。搭建安装全局安装vuepress npm i vuepress -g新建项目mkdir my_vuepress初始化进入项目cd my_v
前言作为一个想成为前端工程师的大龄熊孩子,自学前端的日子已经挺久了。然后自学的时候特想拥有一个自己的个人网站、个人博客之类的。有一天我在用vue + elementUi + koa2 + mongoDB搭建我期待已久的个人博客的时候。突然我想了一件事情,我究竟为什么要为了写个博客去用这么多技术栈呢?于是乎懒癌发作,于是我找到了这个东西,就是VuePress1. VuePressVuePress是
这篇文章面向使用 Vuepress 来开发 Vue 组件文档库的用户服务,去年差不多这个时候我为公司开发了一个基于 AntDesignVue 封装的高阶组件库,经过一年的版本迭代与文档更新,收获了很多坑点,其中有一个就是关于组件示例维护相关的,今年有意重构组件库的文档与代码结构,后面会陆陆续续将踩到的坑点与相应的解决方案一一描述,好的进入今天的主题:文档示例编写的最佳实践方案。
转载 2024-06-13 20:08:54
317阅读
1.Vue中的组件什么是组件组件:component,前端项目开发中组件一般表示包含了视图界面(html/css),业务是数据处理(js)以及独立功能的组成部分,组件的出现是为了视图的复用 根据项目中的使用情况,区分为两种组件:全局组件:任何Vue实例都可以引用的组件 局部组件/私有组件:在当前组件内部可以嵌套使用,其他组件中无法使用组件声明和使用全局组件Vue.component(组件名,{
  • 1
  • 2
  • 3
  • 4
  • 5