前言最近和朋友一起做一个关于程序员赚外快的项目，找了个UI出了个界面，这个美术妹子声音贼好听，御姐类型的，爱了爱了！这个美术妹子估计不知道我是做后端的，前端不是特别专业，她也不问我能不能做出这种效果就把界面搞完了，这就有点难为我了！写到发布问题这个界面的时候有一个步骤条这个功能，我试着写了一下，大致上是这么个意思，但是我觉得不是特别完美，然后我就想偷懒看看有没有现成的组件，找了一些博文，要么是样式不符合，要么就是用图片实现的，局限性太大了，那么我就劳苦一下吧，写了这个VUE插件！请看下图！关于vue-
原创
2022-12-01 17:07:37
1059阅读
创建vue组件一、’创建vue组件有四个步骤： 全局组件 1.先命名，用Vue.extend()构建一个你需要渲染的html;创建一个模版 2.调用Vue.component('Html里自己创建的标签'，1步骤中创建的构造器名称);注册 3.创建一个vue实例，让其他的挂载在其标签下面; &nbs
转载
2024-04-24 11:50:00
79阅读
1.创建vue项目2.创建组件3.创建index.js文件4.登录npmnpm login5.发布npm publish
原创
2021-04-29 13:56:58
321阅读
使用vue加载SVG图片，有两种方法，一种是雪花loader，一种是vue-svg-loader（官网推荐）。在自己的项目中，本次使用vue-svg-loader加载svg图片，并且对图片进行属性修改。操作步骤： 1：下载svg-vue-loader ，并安装 npm i -D vue-svg-lo
转载
2020-09-21 15:36:00
1043阅读
1.在App.vue中使用import语句导入需要的组件 import About from './views/About.vue'import Home from './views/Home.vue' 2.使用components节点注册组件 components:{ About, Home}, ...
转载
2021-08-27 10:16:00
471阅读
2评论
目录一、Ajax1、同步与异步2、原生Ajax（繁琐）①、写一个简易的Ajax3、Axios（推荐使用）①、Axios入门②、Axios请求方式别名③、案例：基于Vue及Axios完成数据的动态加载展示二、前后端分离开发1、前后端开发模式①、前后端混合开发②、前后端分离开发（主流模式）③、前后端分离开发流程2、YAPI（接口文档的管理平台）①、什么是YAPI？②、如何使用YAPI？三、前端工程化1
转载
2024-10-10 18:00:45
78阅读
Vue中使用组件的三大步骤： 一、定义组件(创建组件) 二、注册组件 三、使用组件(写组件标签) 一、如何定义一个组件？ 使用Vue.extend(options)创建，其中options和new Vue(options)时传入的那个options几乎一样，但也有点区别； 区别如下： 1.el不要写 ...
转载
2021-09-23 15:30:00
196阅读
2评论
组件化开发概述 内容 认识组件化 注册组件 组件其他补充 组件数据存放 父子组件通信 父级向子级传递 子级向父级传递 插槽slot 什么是组件化？ Vue组件化思想 注册组件的基本步骤 注册组件步骤解析 <!DOCTYPE html> <html lang="en"> <head> <meta ch
转载
2020-08-20 16:11:00
240阅读
2评论
代码很简单，关键是思想。 每个业务模块基本都会涉及到分页的应用，不管是普通的分页浏览还是瀑布流形式的浏览。分页可以减轻服务器的压力，可以节俭页面布局。在我们的分页简单组件设计中，主要是需要返回给客户端四个数据：列表对象、当前页码、每页记录最大条数、记录总数。 &n
转载
2023-06-15 17:19:07
98阅读
参考vue文件地址：递归组件实现遍历效果递归组件实现思路：遍历数组元素，并判断子元素的子集数量是否大于0。如果子集的集合数量大于0，则需要需要再一次调用该组件。如果子集的集合数量等于0，则直接显示内容。创建组件<!-- subordinate：判断是否为子集递归； activeNames：打开折叠面板的集合。 -->
<van-collapse v-if="!subord
转载
2024-02-29 17:08:53
136阅读
1.组件，什么是组件，可以这样理解，一个页面有可能包含很多逻辑，很混乱，当我们将这一大坨东西分为很多个小东西，每一个小东西只完成自己的功能，和其他的小东西互不干涉，页面想要使用，只需要引入就行了。 2.组件的使用可分为三步：一创建组件构造器，二注册组件，三使用组件 3.其实每一个组件就相当于一个vue实例，它也有自己的template,method,data，components这些东西，data
转载
2024-04-03 12:51:40
155阅读
我们先来总结一下前面已经认识的选项 el：指定Vue实例的挂载点，根实例的特有属性 data：用于声明需要响应式绑定的数据对象 components：Vue实例配置局部注册组件 template：用于挂载元素的字符串模板 render：渲染函数，创建虚拟DOM，是字符串模板的替代方案。现在开始一个例子介绍一下其他常用的选项（options对象的属性）： 下面的代码局部注册了一个组件AgeStati
转载
2024-04-09 13:53:35
434阅读
PS：本文适合熟悉vue以及了解react的同学 由于公司业务使用得是react开发的后台系统（也有vue的项目），对于我这种只写过react demo 的小白菜确实是一个机会，学习一个框架最好的办法就是从业务做起。首先我们要弄清做业务需要什么知识点去支持比如：react 是怎么样传输数据的？react 怎么封装组件？react 的生命周期？。。。。实际上vue熟练的同学们，我觉得转react还是
转载
2023-08-23 15:12:27
200阅读
组件基础 一、组件作用 组件（Component）是 Vue.js 最强大的功能之一。 组件可以扩展 HTML 元素，封装可重用的代码。
转载
2024-02-28 16:54:13
58阅读
Vue的两大核心1. 数据驱动 - 数据驱动界面显示2. 模块化 - 复用公共模块，组件实现模块化提供基础 组件基础组件渲染过程template ---> ast（抽象语法树） ---> render ---> VDom(虚拟DOM) ---> 真实的Dom ---> 页面Vue组件需要编译，编译过程可能发生在打包过程 （使用vue文件编写）运行时（将字符串赋值tem
转载
2021-05-10 19:47:33
312阅读
2评论
组件：页面中的任何一个部分都是组件，它由html、css、js组成。组件继承于实例，它就是一个小型的vue实例，vue中有什么，组件中就有什么，稍有变异，它的配置项中data不是一个对象，而是一个函数。 组件的嵌套： 组件传值： 父传子：props属性 1、在子组件中，props用来接收自定义属性的
原创
2021-07-13 17:16:35
265阅读
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=<device-width>, initial-scale=1.0"> <script crosso
转载
2020-12-11 16:19:00
214阅读
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>组件</title> <script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></scr
转载
2018-05-15 18:27:00
184阅读
2评论
...
转载
2021-09-11 21:22:00
285阅读
2评论
