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 相关文章推荐
使用JavaScript库还是自己写代码?
Jan 28 Javascript
js实现省市联动效果的简单实例
Feb 10 Javascript
Windows8下搭建Node.js开发环境教程
Sep 03 Javascript
javascript中setAttribute()函数使用方法及兼容性
Jul 19 Javascript
jQuery日历插件datepicker用法详解
Mar 03 Javascript
jQuery fadeOut 异步实例代码详解
Aug 18 Javascript
浅谈JavaScript 函数参数传递到底是值传递还是引用传递
Aug 23 Javascript
使用vuex的state状态对象的5种方式
Apr 19 Javascript
vue异步axios获取的数据渲染到页面的方法
Aug 09 Javascript
VUE写一个简单的表格实例
Aug 06 Javascript
javascript头像上传代码实例
Sep 28 Javascript
15分钟学会vue项目改造成SSR(小白教程)
Dec 17 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
PHP生成静态页
2006/11/25 PHP
解析thinkphp的左右值无限分类
2013/06/20 PHP
PHP文件上传判断file是否己选择上传文件的方法
2014/11/10 PHP
Laravel中扩展Memcached缓存驱动实现使用阿里云OCS缓存
2015/02/10 PHP
Laravel 5 框架入门(三)
2015/04/09 PHP
PHP strip_tags保留多个HTML标签的方法
2016/05/22 PHP
yii2实现Ueditor百度编辑器的示例代码
2018/11/02 PHP
PHP Swoole异步Redis客户端实现方法示例
2019/10/24 PHP
使用JQUERY Tabs插件宿主IFRAMES
2010/01/01 Javascript
用函数模板,写一个简单高效的 JSON 查询器的方法介绍
2013/04/17 Javascript
js 异步操作回调函数如何控制执行顺序
2013/12/24 Javascript
jquery.post用法关于type设置问题补充
2014/01/03 Javascript
javascript实现数字验证码的简单实例
2014/02/10 Javascript
jQuery增加自定义函数的方法
2015/07/18 Javascript
如何动态加载外部Javascript文件
2015/12/02 Javascript
深入浅析JavaScript中的作用域和上下文
2016/03/26 Javascript
Angular+Node生成随机数的方法
2017/06/16 Javascript
jQuery实现点击图标div循环放大缩小功能
2018/09/30 jQuery
微信小程序环境下将文件上传到OSS的方法步骤
2019/05/31 Javascript
如何利用 JS 脚本实现网页全自动秒杀抢购功能
2020/10/12 Javascript
ajax jquery实现页面某一个div的刷新效果
2021/03/04 jQuery
[05:39]2014DOTA2国际邀请赛 DK晋级胜者组专访战队国士无双
2014/07/14 DOTA
[47:36]Optic vs Newbee 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/18 DOTA
python根据开头和结尾字符串获取中间字符串的方法
2015/03/26 Python
详解如何将python3.6软件的py文件打包成exe程序
2018/10/09 Python
Tensorflow中tf.ConfigProto()的用法详解
2020/02/06 Python
Python使用urlretrieve实现直接远程下载图片的示例代码
2020/08/17 Python
AmazeUI 折叠面板的实现代码
2020/08/17 HTML / CSS
瑞典手机壳品牌:Richmond & Finch
2018/04/28 全球购物
Linux不知道文件后缀名怎么判断文件类型
2014/08/21 面试题
培训研修方案
2014/06/06 职场文书
简历自荐信范文
2015/03/09 职场文书
《穷人》教学反思
2016/02/19 职场文书
90行Python代码开发个人云盘应用
2021/04/20 Python
Python机器学习之底层实现KNN
2021/06/20 Python
通过Python把学姐照片做成拼图游戏
2022/02/15 Python