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


Posted in Javascript onMarch 08, 2018

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注册组件的几种方式总结就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JQuery里选择超链接的实现代码
May 22 Javascript
javascript动态修改Li节点值的方法
Jan 20 Javascript
js获取及修改网页背景色和字体色的方法
Dec 29 Javascript
javascript嵌套函数和在函数内调用外部函数的区别分析
Jan 31 Javascript
仅30行代码实现Javascript中的MVC
Feb 15 Javascript
Bootstrap 下拉多选框插件Bootstrap Multiselect
Jan 22 Javascript
vue父子组件的嵌套的示例代码
Sep 08 Javascript
layer实现关闭弹出层刷新父界面功能详解
Nov 15 Javascript
vue实现商城上货组件简易版
Nov 27 Javascript
详解Angular Forms中自定义ngModel绑定值的方式
Dec 10 Javascript
解决vue+webpack项目接口跨域出现的问题
Aug 10 Javascript
浅谈nuxtjs校验登录中间件和混入(mixin)
Nov 06 Javascript
Vue.js自定义事件的表单输入组件方法
Mar 08 #Javascript
layui之select的option叠加问题的解决方法
Mar 08 #Javascript
vue2.0 axios跨域并渲染的问题解决方法
Mar 08 #Javascript
解决Vue 通过下表修改数组,页面不渲染的问题
Mar 08 #Javascript
Vue.js实现图片的随意拖动方法
Mar 08 #Javascript
JS字符串去除连续或全部重复字符的实例
Mar 08 #Javascript
实战node静态文件服务器的示例代码
Mar 08 #Javascript
You might like
阿拉伯的咖啡与水烟
2021/03/03 咖啡文化
Linux fgetcsv取得的数组元素为空字符串的解决方法
2011/11/25 PHP
ie和firefox不兼容的解决方法集合
2009/04/28 Javascript
基于jQuery的ajax功能实现web service的json转化
2009/08/29 Javascript
Javascript Object.extend
2010/05/18 Javascript
javascript插入样式实现代码
2012/02/22 Javascript
JavaScript如何从listbox里同时删除多个项目
2013/10/12 Javascript
javascript学习笔记(一)基础知识
2014/09/30 Javascript
jQuery实现统计复选框选中数量
2014/11/24 Javascript
jquery关于事件冒泡和事件委托的技巧及阻止与允许事件冒泡的三种实现方法
2015/11/27 Javascript
jQuery Html控件基本操作(日常收集整理)
2016/03/11 Javascript
Jquery $when done then的用法详解
2016/05/20 Javascript
Javascript 创建类并动态添加属性及方法的简单实现
2016/10/20 Javascript
详解Jquery Easyui的验证扩展
2017/01/09 Javascript
详解angular用$sce服务来过滤HTML标签
2017/04/11 Javascript
vue bootstrap小例子一枚
2017/06/09 Javascript
React进阶学习之组件的解耦之道
2017/08/07 Javascript
javascript算法之二叉搜索树的示例代码
2017/09/12 Javascript
seaJs使用心得之exports与module.exports的区别实例分析
2017/10/13 Javascript
详解如何使用node.js的开发框架express创建一个web应用
2018/12/20 Javascript
使用Python编写简单网络爬虫抓取视频下载资源
2014/11/04 Python
Python基于回溯法子集树模板解决0-1背包问题实例
2017/09/02 Python
机器学习10大经典算法详解
2017/12/07 Python
使用Flask集成bootstrap的方法
2018/07/24 Python
python获取服务器响应cookie的实例
2018/12/28 Python
Python多图片合并PDF的方法
2019/01/03 Python
使用python分析统计自己微信朋友的信息
2019/07/19 Python
pytorch 实现查看网络中的参数
2020/01/06 Python
利用Storage Event实现页面间通信的示例代码
2018/07/26 HTML / CSS
HTML5 Canvas实现放大镜效果示例
2020/03/25 HTML / CSS
会计工作决心书
2014/03/11 职场文书
弘扬职业精神演讲稿
2014/03/20 职场文书
代领毕业证委托书
2014/08/02 职场文书
2015年宣传工作总结
2015/04/08 职场文书
纪检部部长竞选稿
2015/11/21 职场文书
投资入股协议书
2016/03/22 职场文书