vue中注册组件

注册组件，其实就是自定义标签(一堆标签堆在一起去现实某一个功能，可以类似成方法去理解)

注册组件,有2种

1:全局注册(全局注册的组件可以在任意的vue实例中使用)

2:局部注册(局部注册的组件只能在当前的vue实例中使用)

例如:

全局组件:

注意:全局组件可以在任意的vue实例中使用，这样就可以实现代码的复用的好处了。

局部组件:

顾名思义:只能在当前注册它的vue实例中使用它。

注意:对于组件的命名，W3C规范是字母小写且包含一个短横杠'-'。

原文地址：http://blog.51cto.com/11871779/2125738

时间： 2024-10-08 02:02:46

vue中注册组件的相关文章

[翻译]Component Registration in Script System 在脚本系统中注册组件

Component Registration in Script System 在脚本系统中注册组件 To refer to our component from a script, the class, its properties and methods must first be registered in the script system. You may place the registration code in a file with the same name as the

vue中自定义组件（插件）

vue中自定义组件(插件) 原创 2017年01月04日 22:46:43 标签: 插件在vue项目中,可以自定义组件像vue-resource一样使用Vue.use()方法来使用,具体实现方法: 1.首先建一个自定义组件的文件夹,比如叫loading,里面有一个index.js,还有一个自定义组件loading.vue,在这个loading.vue里面就是这个组件的具体的内容,比如: <template> <div> loading.............. </div

Vue 中数据流组件

好久不见呀,这两年写了很多很多东西,也学到很多很多东西,没有时常分享是因为大多都是我独自思考.明年我想出去与更多的大神交流,再修筑自己构建的内容. 有时候我会想:我们遇到的问题,碰到的界限,是别人给的还是我们自己给的?其实我觉得自己选择的方向是对的,但是有时难免会怀疑,是否有人和我在做一样的事情,我希望找到有趣的伙伴,做一些有趣的事情. Vue 中数据流组件又将年终了,该做年终总结了呀..最近花了一些时间,升级了一下我们的技术架构,使用 vue 作为我们的框架.延续传统,我们仍然需要开发一些

@Configuration和@bean给容器中注册组件

spring容器中注册组件的两种方式: xml配置文件方式注解方式 1.xml配置文件方式编写bean类使用xml文件配置bean注入到spring容器通过ClassPathXmlApplicationContext类获取bean 1.1.编写bean类 package com.jcon.entity; /** * @author Jcon * @version V1.0 * @Description: (用户实体类) * @date 2019年01月28日 */ public clas

Vue中的组件通信

这两天在学Vue,记录一下我认为比较重要的东西 Vue中的组件通信: 我们可以分为3个步骤来: 1.声明局部子组件,简称 "声子", 2.挂载到dom树上面去,简称:"挂子" 3.进行使用,简称:"用子" 上面写的别人可能看不太明白,毕竟只是我的看法: <body> <div id="app"> </div> </body> 先写一个div,给它一个ID=app <scri

vue中的组件

组件是Vue最强大的功能之一.组件是一组可被复用的具有一定功能,独立的完整的代码片段,这个代码片段可以渲染一个完整视图结构组件开发如何注册组件?第一步,在页面HTML标签中使用这个组件名称,像使用DOM元素一样.(通常是一个自定义元素).<div id="app"> <my-component></my-component></div>第二步,使用Vue.extend方法创建一个组件var MyComponent = Vue.extend

vue中的组件化开发

常常听一些前辈说vue是react的组件化+angular的数据绑定的结合体: 最近刚刚开始使用vue开发项目,我也是在摸索中前进,现在我们来说一说vue的组件化开发. 实际的项目开发,并不像一些文章中的提到的模式,而是如图所示的模式: App.vue是项目的入口.组件实则也是一个以.vue为后缀的文件.我们可以在src\components文件夹下创建一个xxx.vue: 然后在文件中编写可以提出的公共部分的代码为组件.然后在您需要调用该组件的页面,如下图方式调用: 是不是很简单.现在来解释一

vue中局部组件的使用

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> {{msg}} </div> <script src="vue.js">

Vue 全局注册组件和局部注册组件

Vue 组件化的思想大大提高了模块的复用性和开发的效率,在使用组件时,一般分为几个步骤,分别是:定义组件.引入组件,注册组件,使用组件.本节主要针对Vue中如何注册组件进行阐述. 下面我们一起来看如何全局注册组件,如何局部注册组件. 页面显示结果如下: [说明]: 1. com-one com-two 为全局注册组件, com-three com-four 为局部注册组件: 2. 全局注册组件为 Vue.component()方法:局部注册组件为 components 属性,它的属性值是一个