1.Vue中的组件什么是组件组件：component，前端项目开发中组件一般表示包含了视图界面（html/css）,业务是数据处理（js）以及独立功能的组成部分，组件的出现是为了视图的复用 根据项目中的使用情况，区分为两种组件：全局组件：任何Vue实例都可以引用的组件 局部组件/私有组件：在当前组件内部可以嵌套使用，其他组件中无法使用组件声明和使用全局组件Vue.component(组件名,{
Vue中组件的使用方式一1、使用Vue.extend创建组件 var com1 = Vue.extend({
template: '<h3>这是使用 Vue.extend 创建的组件</h3>' // 通过 template 属性，指定了组件要展示的HTML结构
}) 2、使用 Vue.component('组件的名称
前言作为一个想成为前端工程师的大龄熊孩子，自学前端的日子已经挺久了。然后自学的时候特想拥有一个自己的个人网站、个人博客之类的。有一天我在用vue + elementUi + koa2 + mongoDB搭建我期待已久的个人博客的时候。突然我想了一件事情，我究竟为什么要为了写个博客去用这么多技术栈呢？于是乎懒癌发作，于是我找到了这个东西，就是VuePress。1. VuePressVuePress是
转载
2024-06-04 13:21:22
198阅读
一、描述 Vue 组件生命周期组件的调用顺序都是先父后子,渲染完成的顺序是先子后父。 组件的销毁操作是先父后子，销毁完成的顺序是先子后父。加载渲染过程
父beforeCreate->父created->父beforeMount->子beforeCreate->子created->子beforeMount- >子mounted->父mounted
子组件更
“组件”是 Vue 中比较基础的概念，但我发现，许多同学对 Vue 组件的概念和由来并不是清楚。因此，我希望通过这个专题，带大家换个角度来分析，最终让大家更清楚组件开发。首先，我们先不谈组件，我想问大家一个问题：我们平常用任何编程语言写方法（method）的时候，当一个方法里的逻辑过多时，我们会怎么办？当多个方法里有很多相似的逻辑时，我们该怎么办？答案很明了：拆分成一个独立的方法。如果拆分后还是有
1.全局
组件组件是一个特殊的实例。 全局
组件通过
Vue.component()方法定义<div id="app">
<!--
组件使用：当自定义标签，真正渲染的是
组件的template-->
<!--dom元素的模版中必须用双标记，不可用单标记，因为有时会出问题-->
<my-button></my-button>
<my-
转载
2024-09-26 14:57:49
55阅读
开发流程1.创建项目，(vue-cli/公司现有架构)
2.调整项目静态目录结构
3.使用webpack相关库模式打包编译
4.使用npm或者公司源地址发布到你需要的平台步骤创建项目，省略；调整项目静态目录结构
在项目同级目录下创建lib文件夹 => assets / components / css / utils / index.js / UploadUi.vue (依据自己喜好而
转载
2024-06-09 10:23:03
111阅读
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中的ref 引用1. 使用 ref 引用 DOM 元素2. 使用 ref 引用组件3. 控制文本框和按钮的按需切换4.this.$nextTick(cb) 方法mixin.js混合配置1.局部混合（在组件中）2.全局混合（在main.js）Vue的插件1.定义插件（在plugin.js）2.使用插件（在main.js）Vue中的ref 引用 ref
用来辅助开发
概述vue中组件之间的传值传值情况主要有以下三种父组件向子组件传值子组件向父组件传值兄弟组件之间相互传值或者是两个没有关系的组件之间的传值在开始介绍之前我们先建立3个vue文件，文件名分别为:Parent.vue , Child1.vue , Child2.vue父组件向子组件传值这种情况是三种传值方案中最简单的, 通过在子组件中使用 props就可以实现父组件Parent.vue中的代码<
目录一、怎么引入vue到项目中使用1）第一类引入方式1.下载到本地，然后引入2.自己引入CDN3.自己把vue.js文件放在项目文件夹中引入项目 然后webpack打包4.编辑器直接生成cdn的方式2） 第二类引入方式1. 自己构建vue的脚手架(面试): 用npm下载vue 引入到项目中 然后webpack打包2.使用官方脚手架的方式来构建项目环境(面试)3.
转载
2024-03-26 10:28:11
176阅读
这篇文章面向使用 Vuepress 来开发 Vue 组件文档库的用户服务，去年差不多这个时候我为公司开发了一个基于 AntDesignVue 封装的高阶组件库，经过一年的版本迭代与文档更新，收获了很多坑点，其中有一个就是关于组件示例维护相关的，今年有意重构组件库的文档与代码结构，后面会陆陆续续将踩到的坑点与相应的解决方案一一描述，好的进入今天的主题：文档示例编写的最佳实践方案。
转载
2024-06-13 20:08:54
317阅读
一、Vuex 介绍Vuex 是 vue 项目中实现大范围数据共享的技术方案Vuex作用：能够方便、高效地实现组件之间的数据共享使用 Vuex 的好处:数据的存取一步到位，不需层层传递数据的流动非常清晰存储在 Vuex 中的数据都是响应式的二、使用步骤引入库代码如下（示例）：//在store文件/index.js 配置
// 1. 下包
npm i vuex
// 2. 导入 Vuex
im
VitePress和VuePress都是基于Vue.js构建的静态站点生成器，它们都提供了一种快速创建文档网站的方法。虽然它们都是由Vue.js开发的，但它们在使用方式和功能上存在一些区别。构建方式 VitePress使用了Vue 3的新特性：Vite构建工具，它可以提供更快的构建速度，而且在开发模式下，可以做到热更新，提供了更好的开发体验。 VuePress则使用Webpack进行构建，并且在开
转载
2024-07-15 09:59:44
63阅读
目录一、项目介绍二、用脚手架生成vue项目三、修正项目结构四、跑通一个demo五、卡片组件的设计与代码编写六、测试组件的功能七、前端模块化八、webpack打包js文件九、Gulp打包css十、将组件库发布到npm十一、测试发布后的组件库十二、搭建组件库文档站点十三、将项目部署到GitHub一、项目介绍所需要的技术：二、用脚手架生成vue项目1、安装脚手架npm install -g @vue/c
转载
2024-06-12 09:38:10
353阅读
系列文章目录VuePress 2.0 在 2021 年中旬发布,由webpack改为使用vite进行构建。在vuePress1.0时代，很好的解决了vuePress使用webpack打包构建缓慢的问题。但现在使用vuePress 是更好的选择！！！ 文章目录系列文章目录前言一、为什么选择VuePress而非VitePress一、安装VuePress二、项目结构三、基础文件三、配置文件四、进阶操作1
转载
2024-05-31 17:54:56
76阅读
vuepress 实用插件这些插件都是官方提供的，有些在我们实用默认主题的时候已经安装了，不需要再单独安装，有些插件需要我们单独安装。具体请看下面的介绍默认主题自带的插件@vuepress/plugin-active-header-links@vuepress/plugin-nprogress@vuepress/plugin-searchvuepress-plugin-containervuepr
转载
2024-03-16 10:11:54
277阅读
总体框架一个vue-cil项目目录结构如下，其中src文件夹是需要掌握的，重中之重，至于其他了解一下就可以了。build：webpack相关配置文件夹（都已经配置好，一般不需要再进行配置）config：vue基本配置文件（可以配置监听端口，打包输出等）node_modules：依赖包src：项目核心文件（我们所写的代码都放在这个文件夹下）assets：静态资源（样式类文件，如css，less，sa
前言最近公司是要重构一下我们的SDK文档，之前是用的gitbook来生成的，效果掺不忍睹，样式不好看就不好说了，之前的老哥写得东西语法很乱，改起来很费解，索性就干脆来个大换血。之前有用过各种的文章博客框架，比如：大名鼎鼎的hexo，比较流行的docsify，以及Docute。但是效果都不是很理想。想着既要样式好看，告别千篇一律，更要结构清晰，语法简单，能够支持自定义，更加自由的文档框架。知道发现了
转载
2024-03-22 23:37:12
76阅读
Vue中创建组件及引入组件及调用 文章目录一、什么是组件？二、如何注册组件？1.注册组件2.vue项目中引入组件总结 Vue创建组件`Vue框架最核心思想就是组件化，方便开发，便于维护管理，那么，如何在vue中创建组件及如何引用呢？一、什么是组件？组件是Vue.js最强大的功能之一。组件可以扩展HTML元素，封装可重用的代码。在较高层面上，组件是自定义的元素，Vue.js的编译器为它添加特殊功能。
转载
2024-05-31 01:45:53
262阅读
