- VueCLI核心知识3：全局事件总线、消息订阅与发布
是小蟹呀^
Vuevue.jsjavascript
这两种方式都可以实现任意两个组件之间的通信1全局事件总线1.安装全局事件总线importVuefrom'vue'importAppfrom'./App.vue'Vue.config.productionTip=false/*1.第一种写法*///constDemo=Vue.extend({})//constd=newDemo()//Vue.prototype.x=d//把Demo实例挂载到Vue的
- 2020-02-14
我是萌哒哒小羊
组件创建的方法一//1.1使用Vue.extend来创建全局Vue组件varcom1=Vue.extend({template:'这是使用Vue.extend创建的组件'//通过template属性，指定组件要展示的html结构})//1.2使用Vue.component('组件名称'，创建出来的组件模板对象)Vue.component('myCom1',com1)//Vue.component简
- vue自定义全局loading加载组件
苏苏哇哈哈
vuecssvue.jsjavascript前端
1.实现效果2.实现原理Vue.extend:extend创建的是Vue构造器,可通过newProfile().$mount(‘#mount-point’)来挂载到指定的元素上。vue中install方法：exportdefault{install(Vue,option){组件指令混入挂载vue原型}}3.实现代码新建components文件夹-新建loading001文件夹-新建index.vu
- 如果把vue组件动态添加到body上？
徐同保
web前端vue.jsjavascriptecmascript
tools.js:importVuefrom'vue'/***@paramComponent组件实例的选项对象*@paramprops组件实例中的prop*/exportfunctioncreate(Component,props){constcomp=new(Vue.extend(Component))({propsData:props}).$mount()document.body.appen
- 父子组件的通信--父传子
63537b720fdb
一.回顾父子组件子组件在父组件中注册并使用，在html中使用的是父组件的标签，子组件也会被展示。1.不用语法糖的方式先创建父子组件的构造器子组件父组件/*子组件构造器*/constcpnC1=Vue.extend({template:'#cpn1',})/*父组件构造器*/constcpnC2=Vue.extend({template:'#cpn2'})2.在父组件中注册并使用子组件注册：/*父组
- Vue组件化
shaoyf
一、组件注册使用组件使用步骤（全局组件）①创建组件构造器//构造组件方式一constcpn=Vue.extend({template:`注册的组件`})②注册组件Vue.component('mycpn',cpn)③使用组件在vue实例对象管理的域中才能够使用(局部组件)//构造组件方式二注册的组件constapp=newVue({el:'#app',data:{},components:{myc
- Vue-31、Vue与Vuecomponent的关系
一叶飘零晋
vuevue.js前端javascript
1、代码一个重要的内置关系Vue.config.productionTip=false;//第一步创建school组件constschool=Vue.extend({//el:'#root'//一定不要写el配置项，因为最终所有的组件都要被一个vm管理，由vm决定服务于那个容器。template:`学校名称：{{schoolName}}学校地址：{{address}}`,data(){return
- Vue-30、Vue.Component
一叶飘零晋
vuevue.js前端javascript
Vue.componentVue.config.productionTip=false;//第一步创建school组件constschool=Vue.extend({//el:'#root'//一定不要写el配置项，因为最终所有的组件都要被一个vm管理，由vm决定服务于那个容器。template:`学校名称：{{schoolName}}学校地址：{{address}}`,data(){return
- Vue-30、Vue非单文件组件。
一叶飘零晋
vuevue.js前端javascript
非单文件组件：一个组件包含n个组件非单文件组件Vue.config.productionTip=false;//第一步创建school组件constschool=Vue.extend({//el:'#root'//一定不要写el配置项，因为最终所有的组件都要被一个vm管理，由vm决定服务于那个容器。template:`学校名称：{{schoolName}}学校地址：{{address}}点我提示学
- Vue3 如何优雅的使用 createApp 自定义通用Dialog
小小楠瓜子
vuevue.jsjavascript前端
最近在做一个项目的技术栈升级，从Vue2升级至Vue3，Vue2中有一个通用的全局Dialog方法，是通过Vue.extend来实现的，具体请看下方的Vue2代码：一、main.js中定义通用方法Vue.prototype.$dialog={open(component,args){returnnewPromise((resolve,reject)=>{letDialog=Vue.extend(c
- 《Vue2 进阶知识》动态挂载组件之Vue.extend + vm.$mount
AvatarGiser
《Vue2进阶知识》vue.js前端javascript
前言目前工作还是以Vue2为主，今早有人提问如何动态挂载组件？话说很久很久以前就实现过，今天再详细的整理一下此问题！开始动态组件如下，是个简单的例子：但请注意这里给了个id="test2"；可传入props参数name；//文件名AComponents.vue这是A组件.{{name}}exportdefault{props:{name:{type:String,default:''}}}重点来了
- vue组件化开发
黑白说程序
什么是组件化将一个页面拆分成小的模块，每个模块完成独立的功能，然后将模块组成一个完整的页面，在vue中vue提供了一-种抽象,让我们可以开发出一个个独立可复用的小组件来构造我们的应用。vue中任何的应用都会被抽象成一-颗组件树。vue组件树组件分为三个步骤①创建组件构造器Vue.extend创建组件Vue.extend里也可以放组件，就是注册子组件，Vue.extend({template:``,
- vue组件嵌套（初学者超简单，一看就懂）
czy陈泽宇
vue.jsjavascript前端
一.组件的创建模板：//第一步：创建定义组件const定义的组件名=Vue.extend({template:`组件的内容（html标签+插值语法）`，data(){//必须写为data(){}函数方法格式组件内容中插值语法的数据}})//第二步：注册组件（分为局部注册和全局注册两种）全局注册：Vue.component('组件运用名',组件定义名)局部注册（要在new的vue实例中创建）：new
- Vue.extend的用法
鹤子青云上
Vue.extend用于基于Vue构造器创建一个Vue子类，可以对Vue构造器进行扩展。它有一个options参数，表示包含组件选项的对象。下面我们通过例3-3演示Vue.extend的使用。【例3-3】(1)创建C：Users/itcast/Desktop/demo03.html文件，具体代码如下：在上述代码中，第4行的Vue.extend()方法返回的Vue2就是Vue的子类;第5～7行用于为
- Vue学习笔记（二） ——Vue组件化
m0_53507067
vue.js学习
组件的定义实现应用中局部功能代码和资源的集合，提高复用性。非单文件组件：一个文件中包含有n个组件，单文件组件：一个文件中只包含一个组件。本质是一个VueComponent的构造函数，且是由Vue.extend生成的。vc和vm极其相似，但并不是同一个东西，vm可以通过el决定根容器，vc则不能。非单文件组件基本使用1.创建组件通过Vue.extend({配置项})创建。注意，配置项与vue实例略有
- vue 组件的继承与混合
weixin79893765432...
#Vue.jsvue.extendextendsvue.mixinmixins
目录一、继承1、Vue.extend()2、extends二、混合1、Vue.mixin()2、mixins一、继承1、Vue.extend()vue中通过Vue.extend()函数来创建一个“子类”。Vue.extend()的参数是一个包含组件选项的对象。其中，data选项必须是一个函数而不能是一个对象。继承而来的子组件会拥有其父组件的一切属性和方法。例如：//创建构造器varProfile=
- Vue组件的渲染流程
寻ing
JSvuevue源码vue.js前端javascript
注：本文目的是通过源码方向来讲component组件的渲染流程引言与例子在我们创建Vue实例时，是通过newVue、this._init(options)方法来进行初始化，然后再执行$mount等，那么在组件渲染时，可不可以让组件使用同一套逻辑去处理呢？答：当然是可以的，需要使用到Vue.extend方法来实现。举一个工作中能用到的例子：需求:我们在项目中实现一个像element-ui的Messa
- Vue：Vue与VueComponent的关系图
生产队队长
前端vue.jsjavascriptecmascript
1.一个重要的内置关系：VueComponent.prototype.proto===Vue.prototype2.为什么要有这个关系：让组件实例对象（vc）可以访问到Vue原型上的属性、方法。案例证明：一个重要的内置关系Vue.prototype.x=99;//Vue原型上添加一个属性x//创建school组件constschool=Vue.extend({name:'school',templ
- Vue2.0-下篇
Little-Gao
Vuevuevue2-0组件路由
全局组件语法糖在vue中，组件不能继承父级的数据，不能直接使用外围包裹的一些数据vm实例中，数据存放在data属性。组件中，数据由data()方法返回。使用数据时，均用花括号{{}}解析，如{{name}}、{{msg}}//方法一varet=Vue.extend({template:'hello,welcometowuhan'});//注册组件Vue.component('hello',et);
- Vue2.0 -- 组件局部注册
niceffking
前端vue.js前端javascript
目录组件定义注册使用组件组件的命名再做vue之前,需要先引入vue.js文件有很多官方或者非官方的cdn可以使用,可自行前往搜索下载组件定义首先,使用Vue.extend()来定义一个组件(注意这个步骤是在script标签中完成的)consttestComponent=Vue.extend({})然后进行初始化操作,初始化的时候,在Vue.extend()中填入一个对象参数,这个参数的格式和new
- 13.1，组件的概述
coderymy
什么是组件组件的出现，就是为了拆分Vue实例的代码量，能够让我们以不同的主键，来划分不同的功能模块，将来我们需要什么样的功能，就就可以直接去调用对应的组件即可组件化和模块化的不同模块化，是从代码的逻辑角度划分的组件化，是从UI界面的角度进行划分的，前端的组件化，方便UI组件的重用如何定义全局组件方式一使用Vue.extend来创建全局的Vue组件（全局)（template用于定义组件信息）使用Vu
- Loading插件
零界梦忆
Vue.extend用法2#loading-wrapper{position:fixed;top:0;left:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%;background:rgba(0,0,0,0.7);color:#fff;}显示LoadingconstLoadingPlug
- 面试题-9
如果决定要走又何必挽留
面试题vue.js前端javascript
1.如何封装一个组件1.使用Vue.extend()创建一个组件2.使用Vue.components()方法注册组件3.如果子组件需要数据,可以在props中接收定义4.子组件修改好数据,要把数据传递给父组件，可以用emit()方法原则:把功能拆开尽量让组件原子化,一个组件做一件事情容器组件管数据,展示组件管视图2.封装一个可复用的组件,需要满足什么条件？1.低耦合，组件之间的依赖越小越好2.最好
- Vue中的组件和插件
He_wc
Vue学习vue.jsjavascript前端
一、组件组件是Vue中最核心的概念之一，它可以把一个页面拆分成多个独立的、可复用的部分。组件通常包含了自己的模板、样式和逻辑，用于封装一个特定的功能或界面。Vue的组件有单文件组件和普通组件两种类型，可以通过Vue.component或Vue.extend方法来创建。优势可复用性高：组件可以被多次使用，可以在多个页面或应用中进行复用，从而提高了代码的复用率和开发效率。易于维护和管理：组件具有良好的
- vue005——vue组件入门（非单文件组件和单文件组件）
-王二毛-
#vue.jsvue.jsjavascript前端
一、非单文件组件1.1、单文件组件的使用1.1.1、局部注册1、第一步：创建school组件2、第二步：注册组件（局部注册）3、第三步：使用组件（编写组件标签）基本使用{{msg}}Vue.config.productionTip=false//第一步：创建school组件constschool=Vue.extend({template:`学校名称：{{schoolName}}学校地址：{{add
- Vue常用全局Api简介及使用
蜗牛杨哥
全局API：(1)Vue.directive(2)Vue.use(3)Vue.extend(4)Vue.set(5)Vue.mixin实例属性(6)vm.$props(7)vm.$options(8)vm.$el(9)vm.$children(10)vm.$root(11)vm.$slots(12)vm.$attrs全局配置(13)productionTip(14)silent(15)devtoo
- vue组件
builder2991
vuevue组件
vue组件全局组件定义的三种方式1.使用Vue.extend配合Vue.component方法：//第一种varlogin=Vue.extend({template:'登录'});Vue.component('login',login);//第二种Vue.component('mycom1',Vue.extend({template:'这是使用Vue.extend创建的组件'}))2.直接使用Vu
- 从创建实例到模板编译前Vue都做了些什么？
兔走丶
不当切图仔vue.jsjavascriptnode.js
写在前面Vue构造函数的创建过程一文中介绍了Vue构造函数的创建过程，其中第一个对Vue构造函数进行成员添加的就是initMixin(Vue)，该调用内创建了_init方法。可以说，Vue实例的大门就是_init方法，因此，我们从这个方法入手，一步一步剖析vm是如何生成的。/*{{msg}}*///Vue.extend手动挂载组件constExtendUse=Vue.extend({props:[
- vue组件基础
誩先生
定义Vue组件什么是组件：组件的出现，就是为了拆分Vue实例的代码量的，能够让我们以不同的组件，来划分不同的功能模块，将来我们需要什么样的功能，就可以去调用对应的组件即可；组件化和模块化的不同：模块化：是从代码逻辑的角度进行划分的；方便代码分层开发，保证每个功能模块的职能单一；组件化：是从UI界面的角度进行划分的；前端的组件化，方便UI组件的重用；全局组件定义的三种方式使用Vue.extend配合
- Day03Code
鸟它鸟
汤小洋Vue课程代码记录课程连接地址：http://edu.51cto.com/course/10543.html抄录至仅方便自己查阅，小伙伴们可以去学院支持该课程code01定义组件的两种方式/***方式1：先创建组件构造器，然后由组件构造器创建组件*///1.使用Vue.extend()创建一个组件构造器varMyComponent=Vue.extend({template:'HelloWor
- java杨辉三角
3213213333332132
java基础
package com.algorithm;
/**
* @Description 杨辉三角
* @author FuJianyong
* 2015-1-22上午10:10:59
*/
public class YangHui {
public static void main(String[] args) {
//初始化二维数组长度
int[][] y
- 《大话重构》之大布局的辛酸历史
白糖_
重构
《大话重构》中提到“大布局你伤不起”，如果企图重构一个陈旧的大型系统是有非常大的风险，重构不是想象中那么简单。我目前所在公司正好对产品做了一次“大布局重构”，下面我就分享这个“大布局”项目经验给大家。
背景
公司专注于企业级管理产品软件，企业有大中小之分，在2000年初公司用JSP/Servlet开发了一套针对中
- 电驴链接在线视频播放源码
dubinwei
源码电驴播放器视频ed2k
本项目是个搜索电驴（ed2k）链接的应用,借助于磁力视频播放器（官网：
http://loveandroid.duapp.com/ 开放平台），可以实现在线播放视频，也可以用迅雷或者其他下载工具下载。
项目源码：
http://git.oschina.net/svo/Emule,动态更新。也可从附件中下载。
项目源码依赖于两个库项目，库项目一链接：
http://git.oschina.
- Javascript中函数的toString()方法
周凡杨
JavaScriptjstoStringfunctionobject
简述
The toString() method returns a string representing the source code of the function.
简译之，Javascript的toString()方法返回一个代表函数源代码的字符串。
句法
function.
- struts处理自定义异常
g21121
struts
很多时候我们会用到自定义异常来表示特定的错误情况，自定义异常比较简单，只要分清是运行时异常还是非运行时异常即可，运行时异常不需要捕获，继承自RuntimeException，是由容器自己抛出，例如空指针异常。
非运行时异常继承自Exception，在抛出后需要捕获，例如文件未找到异常。
此处我们用的是非运行时异常，首先定义一个异常LoginException:
/**
* 类描述：登录相
- Linux中find常见用法示例
510888780
linux
Linux中find常见用法示例
·find path -option [ -print ] [ -exec -ok command ] {} \;
find命令的参数；
- SpringMVC的各种参数绑定方式
Harry642
springMVC绑定表单
1. 基本数据类型(以int为例，其他类似)：
Controller代码：
@RequestMapping("saysth.do")
public void test(int count) {
}
表单代码：
<form action="saysth.do" method="post&q
- Java 获取Oracle ROWID
aijuans
javaoracle
A ROWID is an identification tag unique for each row of an Oracle Database table. The ROWID can be thought of as a virtual column, containing the ID for each row.
The oracle.sql.ROWID class i
- java获取方法的参数名
antlove
javajdkparametermethodreflect
reflect.ClassInformationUtil.java
package reflect;
import javassist.ClassPool;
import javassist.CtClass;
import javassist.CtMethod;
import javassist.Modifier;
import javassist.bytecode.CodeAtt
- JAVA正则表达式匹配 查找 替换 提取操作
百合不是茶
java正则表达式替换提取查找
正则表达式的查找;主要是用到String类中的split();
String str;
str.split();方法中传入按照什么规则截取,返回一个String数组
常见的截取规则:
str.split("\\.")按照.来截取
str.
- Java中equals()与hashCode()方法详解
bijian1013
javasetequals()hashCode()
一.equals()方法详解
equals()方法在object类中定义如下：
public boolean equals(Object obj) {
return (this == obj);
}
很明显是对两个对象的地址值进行的比较（即比较引用是否相同）。但是我们知道，String 、Math、I
- 精通Oracle10编程SQL(4)使用SQL语句
bijian1013
oracle数据库plsql
--工资级别表
create table SALGRADE
(
GRADE NUMBER(10),
LOSAL NUMBER(10,2),
HISAL NUMBER(10,2)
)
insert into SALGRADE values(1,0,100);
insert into SALGRADE values(2,100,200);
inser
- 【Nginx二】Nginx作为静态文件HTTP服务器
bit1129
HTTP服务器
Nginx作为静态文件HTTP服务器
在本地系统中创建/data/www目录，存放html文件(包括index.html)
创建/data/images目录，存放imags图片
在主配置文件中添加http指令
http {
server {
listen 80;
server_name
- kafka获得最新partition offset
blackproof
kafkapartitionoffset最新
kafka获得partition下标，需要用到kafka的simpleconsumer
import java.util.ArrayList;
import java.util.Collections;
import java.util.Date;
import java.util.HashMap;
import java.util.List;
import java.
- centos 7安装docker两种方式
ronin47
第一种是采用yum 方式
yum install -y docker
- java-60-在O(1)时间删除链表结点
bylijinnan
java
public class DeleteNode_O1_Time {
/**
* Q 60 在O(1)时间删除链表结点
* 给定链表的头指针和一个结点指针(!!)，在O(1)时间删除该结点
*
* Assume the list is:
* head->...->nodeToDelete->mNode->nNode->..
- nginx利用proxy_cache来缓存文件
cfyme
cache
user zhangy users;
worker_processes 10;
error_log /var/vlogs/nginx_error.log crit;
pid /var/vlogs/nginx.pid;
#Specifies the value for ma
- [JWFD开源工作流]JWFD嵌入式语法分析器负号的使用问题
comsci
嵌入式
假如我们需要用JWFD的语法分析模块定义一个带负号的方程式，直接在方程式之前添加负号是不正确的，而必须这样做：
string str01 = "a=3.14;b=2.71;c=0;c-((a*a)+(b*b))"
定义一个0整数c,然后用这个整数c去
- 如何集成支付宝官方文档
dai_lm
android
官方文档下载地址
https://b.alipay.com/order/productDetail.htm?productId=2012120700377310&tabId=4#ps-tabinfo-hash
集成的必要条件
1. 需要有自己的Server接收支付宝的消息
2. 需要先制作app，然后提交支付宝审核，通过后才能集成
调试的时候估计会真的扣款，请注意
- 应该在什么时候使用Hadoop
datamachine
hadoop
原帖地址：http://blog.chinaunix.net/uid-301743-id-3925358.html
存档，某些观点与我不谋而合，过度技术化不可取，且hadoop并非万能。
--------------------------------------------万能的分割线--------------------------------
有人问我，“你在大数据和Hado
- 在GridView中对于有外键的字段使用关联模型进行搜索和排序
dcj3sjt126com
yii
在GridView中使用关联模型进行搜索和排序
首先我们有两个模型它们直接有关联:
class Author extends CActiveRecord {
...
}
class Post extends CActiveRecord {
...
function relations() {
return array(
'
- 使用NSString 的格式化大全
dcj3sjt126com
Objective-C
格式定义The format specifiers supported by the NSString formatting methods and CFString formatting functions follow the IEEE printf specification; the specifiers are summarized in Table 1. Note that you c
- 使用activeX插件对象object滚动有重影
蕃薯耀
activeX插件滚动有重影
使用activeX插件对象object滚动有重影 <object style="width:0;" id="abc" classid="CLSID:D3E3970F-2927-9680-BBB4-5D0889909DF6" codebase="activex/OAX339.CAB#
- SpringMVC4零配置
hanqunfeng
springmvc4
基于Servlet3.0规范和SpringMVC4注解式配置方式，实现零xml配置，弄了个小demo，供交流讨论。
项目说明如下：
1.db.sql是项目中用到的表，数据库使用的是oracle11g
2.该项目使用mvn进行管理，私服为自搭建nexus,项目只用到一个第三方 jar，就是oracle的驱动；
3.默认项目为零配置启动，如果需要更改启动方式，请
- 《开源框架那点事儿16》：缓存相关代码的演变
j2eetop
开源框架
问题引入
上次我参与某个大型项目的优化工作，由于系统要求有比较高的TPS，因此就免不了要使用缓冲。
该项目中用的缓冲比较多，有MemCache，有Redis，有的还需要提供二级缓冲，也就是说应用服务器这层也可以设置一些缓冲。
当然去看相关实现代代码的时候，大致是下面的样子。
[java]
view plain
copy
print
?
public vo
- AngularJS浅析
kvhur
JavaScript
概念
AngularJS is a structural framework for dynamic web apps.
了解更多详情请见原文链接：http://www.gbtags.com/gb/share/5726.htm
Directive
扩展html，给html添加声明语句，以便实现自己的需求。对于页面中html元素以ng为前缀的属性名称，ng是angular的命名空间
- 架构师之jdk的bug排查(一)---------------split的点号陷阱
nannan408
split
1.前言.
jdk1.6的lang包的split方法是有bug的,它不能有效识别A.b.c这种类型,导致截取长度始终是0.而对于其他字符,则无此问题.不知道官方有没有修复这个bug.
2.代码
String[] paths = "object.object2.prop11".split("'");
System.ou
- 如何对10亿数据量级的mongoDB作高效的全表扫描
quentinXXZ
mongodb
本文链接:
http://quentinXXZ.iteye.com/blog/2149440
一、正常情况下，不应该有这种需求
首先，大家应该有个概念，标题中的这个问题，在大多情况下是一个伪命题，不应该被提出来。要知道，对于一般较大数据量的数据库，全表查询，这种操作一般情况下是不应该出现的，在做正常查询的时候，如果是范围查询，你至少应该要加上limit。
说一下，
- C语言算法之水仙花数
qiufeihu
c算法
/**
* 水仙花数
*/
#include <stdio.h>
#define N 10
int main()
{
int x,y,z;
for(x=1;x<=N;x++)
for(y=0;y<=N;y++)
for(z=0;z<=N;z++)
if(x*100+y*10+z == x*x*x
- JSP指令
wyzuomumu
jsp
jsp指令的一般语法格式： <%@ 指令名 属性 =”值 ” %>
常用的三种指令： page,include,taglib
page指令语法形式： <%@ page 属性 1=”值 1” 属性 2=”值 2”%>
include指令语法形式： <%@include file=”relative url”%> (jsp可以通过 include
