当前位置: 首页 > 编程笔记 >

vue注册组件的几种方式总结

衡安晏
2023-03-14
本文向大家介绍vue注册组件的几种方式总结,包括了vue注册组件的几种方式总结的使用技巧和注意事项,需要的朋友参考一下

1、全局注册(这种方式注册组件必须在vue实例化之前声明)

Vue.component('tag-name',{})

2、局部注册

var Child = {
 template: '<div>A custom component!</div>'
}
new Vue({
 // ...
 components: {
 // <my-component> 将只在父模板可用
 'my-component': Child
 }
})

3、扩展实例

// 定义一个混合对象
var myMixin = {
 created: function () {
 this.hello()
 },
 methods: {
 hello: function () {
  console.log('hello from mixin!')
 }
 }
}
// 定义一个使用混合对象的组件
var Component = Vue.extend({
 mixins: [myMixin]
})
var component = new Component() // -> "hello from mixin!"

以上这篇vue注册组件的几种方式总结就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持小牛知识库。

 类似资料:
  • 本文向大家介绍Java创建数组的几种方式总结,包括了Java创建数组的几种方式总结的使用技巧和注意事项,需要的朋友参考一下 1、一维数组的声明方式: type[] arrayName; 或 type arrayName[]; 附:推荐使用第一种格式,因为第一种格式具有更好的可读性,表示type[]是一种引用类型(数组)而不是type类型。建议不要使用第二种方式 下面是典型的声明数组的方式: 注:J

  • 本文向大家介绍Vue 中可以定义组件模版的几种方式,包括了Vue 中可以定义组件模版的几种方式的使用技巧和注意事项,需要的朋友参考一下 前端组件化开发已经是一个老生常谈的话题了,组件化让我们的开发效率以及维护成本带来了质的提升。 当然因为现在的系统越来越复杂庞大,所以开发与维护成本就变得必须要考虑的问题,因此滋生出了目前的三大前端框架 Vue、Angular、React。 那今天我们就来看看 Vu

  • 本文向大家介绍Spring AOP的几种实现方式总结,包括了Spring AOP的几种实现方式总结的使用技巧和注意事项,需要的朋友参考一下 AOP核心概念 1、横切关注点 对哪些方法进行拦截,拦截后怎么处理,这些关注点称之为横切关注点 2、切面(aspect) 类是对物体特征的抽象,切面就是对横切关注点的抽象 3、连接点(joinpoint) 被拦截到的点,因为spring只支持方法类型的连接点,

  • 本文最初发表于博客园,并在GitHub上持续更新前端的系列文章。欢迎在GitHub上关注我,一起入门和进阶前端。 以下是正文。 前言 什么是组件 组件: 组件的出现,就是为了拆分Vue实例的代码量的,能够让我们以不同的组件,来划分不同的功能模块,将来我们需要什么样的功能,就可以去调用对应的组件即可。 模块化和组件化的区别 模块化:是从代码逻辑的角度进行划分的;方便代码分层开发,保证每个功能模块的职

  • 本文向大家介绍详解Javascript几种跨域方式总结,包括了详解Javascript几种跨域方式总结的使用技巧和注意事项,需要的朋友参考一下 在客户端编程语言中如javascript,同源策略规定跨域之间的脚本是隔离的,一个域的脚本不能访问和操作另外一个域的绝大部分属性和方法。只有当两个域具有相同的协议,相同的主机,相同的端口时,我们就认定他们是相同的域。可是在实际开发中我们经常需要获取其他域的

  • 本文向大家介绍Android BroadcastReceiver广播注册方式总结,包括了Android BroadcastReceiver广播注册方式总结的使用技巧和注意事项,需要的朋友参考一下 Android:BroadcastReceiver注册的方式分为两种: 静态注册 动态注册 1. 静态注册 在AndroidManifest.xml里通过标签声明 属性说明: 注册示例 当此App首次启动