vue弹窗组件
文件结构component.vue<template> <div class="_vuedals" v-show="show"> <component v-if="options.component" :is="options.component" v-bind="options.props" v-on="options.events" ref="modalessComponent" ></component> </div></template><script> import Bus from "./bu...
2024-01-10
vue 递归组件
如果你的项目里面的数据结构是一个树状的数据结构然后递归组件是一个很好的一个解决你这个数据结构的一个方式就是组件内部调用自身tree.vue里面直接tree-node<tree-node></tree-node>还需要配置namename:'tree'好 还有什么问题的话 可以私聊我还有就是我最近发现递归组件不好用emit来传值给父组件然后...
2024-01-10
vue组件的使用
1.局部组件的使用<html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <title>vue组件的使用</title> <style> body{ ...
2024-01-10
vue图片上传组件
前言：很多项目中都需要用到图片上传功能，而其多处使用的要求，为了避免重复造轮子，让我决定花费一些时间去深入了解，最终封装了一个vue的图片上传组件。现将总结再次，希望有帮助。 <div class="upload-wraper"> <input type="file" id="upload_ele" multiple="false" accept="image/*" @change="uploadFile()" /></div>type...
2024-01-10
vue日历任务组件
效果图:遍历日历首先是遍历出日历，我参考了链接: https://blog.csdn.net/csdn_zsdf/article/details/89644732.这里说一下大概流程和我遇到的一些问题遍历日历流程首先定义好一个装有12个月份中每月天数的数组monthList，然后进行时间初始化，获取当前的年月日，根据初始化的数据计算出当月天数、月初...
2024-01-10
vue之自定义组件
除了核心功能默认内置的指令外，vue也允许用户注册自定义指令。虽然在vue2.0中，代码复用和抽象的主要形式是组件，但是有些情况下，我们仍需要对普通DOM元素进行底层操作，这个时候就需要用到自定义指令，例如，我们希望将元素的背景色变为红色，就可以通过指令实现。<!DOCTYPE html><html lang="en">...
2024-01-10
vue组件之间的通信
在vue中组件之间的通信，大致可以分为几种方式： （1）通过 props 和 $emit 实现父子组件的通信； （2）通过 $parent 和 $children 实现组件之间的通信; （3）通过 $attr 和 $listeners 实现组件之间的通信； （4）通过1.0版本中的 $dispatch 和 $broadcast 来通过事件中心，实现...
2024-01-10
vue2隔代组件通讯？
代码如下provide(this: any) { return { tableData: () => this.changeTableData, } }, this.changeTableData是要刷新表格的数据，provide发送changeTableData方法，在App.vue点击触发this.changeTableD...
2024-02-05
Vue之组件详解
<body> <div id="root"> <h2>{{name}}</h2> <hr> <school></school> <hr> <student></student> <hr> <!-- <h2>学生姓名：{{name}}</h2> <h2>学生年龄：{{age}}</h2> --> </div> <div id="root2"> <hello></hel...
2024-01-10
vue2.0组件快速入门
前言最近开始在学vue相关的内容。组件这章的内容比较多。看了http://www.cnblogs.com/keepfool/p/5625583.html这篇博客，博主总结的还比较全面也挺清晰，可是这篇博客的知识点跟实例都是基于vue 1.0版本的，所以参考这篇博客，我将vue2.0版本中的相关知识点做了一个总结。算是自己学习的一个笔记什么是组件...
2024-01-10
如何发布自己的vue组件
非基于webpack vue vue-tree组件，如何打包发布到另外一个项目中 参考 https://www.pianshen.com/arti... 配置（它是基于webpack的）在另外一个vue项目中引入vue组件一直报 Unknown custom element:<vue-tree> did you register the component correctly? For rec...
2024-03-07
vue自由拖拽、缩放组件
github地址：https://github.com/kirillmurashov/vue-drag-resize安装：npm i -s vue-drag-resize使用：<template> <div> <VueDragResize :isActive="true" :isResizable="false" > <img src="../assets/logo.png" v-drag height="100px" width="100px" /> </VueDragResiz...
2024-01-10
vue之组件的使用（转载）
在工程目录/src下的component文件夹下创建一个 firstcomponent.vue并写仿照 App.vue 的格式和前面学到的知识写一个组件。<template> <div id="firstcomponent"> <h1>I am a title.</h1> <a> written by {{ author }} </a> </div></template><script type="text/javascript">export default { data () { ...
2024-01-10
npm 发布 vue 组件
创建 vue 组件1、创建vue项目，为了简洁方便，推荐使用webpack-simple构建一个项目vue init webpack-simple your-project2、在 src 目录下新建子目录lib，用来放后面自己写的所有组件3、编写自己的组件首先新建一个vue文件和一个index.jsvue用于编写组件的模版和逻辑，像平时封装插件一样ps：需要给组件命名 name:...
2024-01-10
vue2.0组件通信小总结
1.父组件->子组件父组件<parent> <child :child-msg="msg"></child>//这里必须要用 - 代替驼峰</parent>data(){ return { msg: [1,2,3] };}子组件(子组件通过props来接收数据:)// 写法1：props: ['childMsg']// 写法2：props: { childMsg: Array //这里指定了字符串类型，如果类型不一致会警告}// 写法3：props: { ...
2024-01-10
Vue组件的高级用法
1，递归组件<!-- 递归组件: 组件在它的模板内可以递归的调用自己，只要给组件设置name组件就可以了。 设置那么House在组件模板内就可以递归使用了,不过需要注意的是， 必须给一个条件来限制数量，否则会抛出错误: max stack size exceeded 组件递归用来开发一些具体有未知层级关系...
2024-01-10
vue强制刷新组件的方法示例
前言：在开发过程中，有时候会遇到这么一种情况，通过动态的赋值，但是dom没有及时更新，能够获取到动态赋的值，但是无法获取到双向绑定的dom节点，这就需要我们手动进行强制刷新组件。官网是这样说的：可能你还不大理解，请继续往下看，下面是我的一个例子，来详细解说了这个方法的使...
2024-01-10vue分页器组件编写方法详解
使用vue编写的分页器组件，支持输入页码跳转，效果如图：1、点击前五页：2、点击中间部分页面3、点击第一页，上一页按钮失效，点击最后一页，下一页按钮失效组件调用：//html调用 参数:pageSize(总页数);pageNo(当前页)<pager :pageSize="pageSize" v-model="pageNo" @on-jump="jump"></pager>//组件引入import pager fr...
2024-01-10
vue2.0学习之组件间通信
/* child.vue*/ 子组件 <template> <div> /*必须要用div包裹起来，然后在里面写需要的组件内容，这里面和平常写的html是一样的*/ <div> </template> <script> /*这里面写vue*/ /*引入其他vue组件*/ @import header from "./header.vue" //在components 中要引入才能使用 export default{ props: { /*props里面的是接口，以便于...
2024-01-10
用Vue封装导航栏组件
前言：把一个功能模块使用组件化的思想充分封装，如导航栏，这无论对我们的开发思想还是效率都有许多好处，在开发中，我们要尽量多得运用组件化的开发思想，不要把所有代码都写在同一个.vue文件中，这样能大大提高代码的可读性。封装导航栏主要思路：把红色的部分当成一个个组件，而他...
2024-01-10
vue组件是如何解析及渲染的？
前言本文将对vue组件如何解析以及渲染做一个讲解。我们可以通过Vue.component注册全局组件，之后可以在模板中进行使用<div id="app"> <my-button></my-button></div><script> Vue.component("my-button", { template: "<button> 按钮组件</button>", });let vm = new Vue({ el:'#app'});</script>全局组件解析原理为了保证组件...
2024-01-10关于vue组件事件属性穿透详解
组件事件属性穿透属性$attrs包含从父组件传过来的属性，但不包含子组件中prop中的属性以及class和style，所以对于那些html元素原生属性，可以不用再子组件中声明，直接从父组件中传进来就好// 子组件<template> <div> <input type="text" name="" id="" v-bind="$attrs" v-on='listeners'/> </div></template> props: { test: { ...
2024-01-10
032.核心组件kube
一 kube-proxy原理1.1 kube-proxy概述Kubernetes为了支持集群的水平扩展、高可用性，抽象出了Service的概念。Service是对一组Pod的抽象，它会根据访问策略（如负载均衡策略）来访问这组Pod。Kubernetes在创建Service时会为Service分配一个虚拟的IP地址，客户端通过访问这个虚拟的IP地址来访问服务，Service则负责将请...
2024-01-10
