Vue-component全局注册实例


Posted in Javascript onSeptember 06, 2018

组件的全局注册必须注意是在实例化对象之前完成。

Vue.component("mytest",
{
 template:'<li>{{name}}</li>',
 props:['name']


})

new Vue({
//...
})

而局部注册则只能在父模板内使用

<div id="clear" >
<mytest v-for='li in list' v-bind:name='li'>


</mytest>

</div>


var vm=new Vue({
 el:'#clear',
 data:{
  list:[1,2,3]


 },
 components:{
  'mytest':{
   template:'<li>{{name}}</li>',
   props:['name']

 }

 }
})

以上这篇Vue-component全局注册实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
一直复略了的一个问题,关于表单重复提交
Feb 15 Javascript
Javascript 构造函数,公有,私有特权和静态成员定义方法
Nov 30 Javascript
Javascript拓展String方法小结
Jul 08 Javascript
JS实现两个大数(整数)相乘
Apr 28 Javascript
js数值计算时使用parseInt进行数据类型转换(jquery)
Oct 07 Javascript
15个jquery常用方法、小技巧分享
Jan 13 Javascript
Bootstrap table分页问题汇总
May 30 Javascript
Vue父子组件双向绑定传值的实现方法
Jul 31 Javascript
小程序和web画三角形实现解析
Sep 02 Javascript
layui form表单提交后实现自动刷新
Oct 25 Javascript
vue 添加和编辑用同一个表单,el-form表单提交后清空表单数据操作
Aug 03 Javascript
jQuery+ajax实现用户登录验证
Sep 13 jQuery
Vue 监听列表item渲染事件方法
Sep 06 #Javascript
在Vue组件中获取全局的点击事件方法
Sep 06 #Javascript
jQuery实现基本动画效果的方法详解
Sep 06 #jQuery
JavaScript函数、闭包、原型、面向对象学习笔记
Sep 06 #Javascript
Vue中使用clipboard实现复制功能
Sep 05 #Javascript
vue-cli3.0配置及使用注意事项详解
Sep 05 #Javascript
Vue-cli@3.0 插件系统简析
Sep 05 #Javascript
You might like
PHP冒泡排序算法代码详细解读
2011/07/17 PHP
php字符串函数学习之substr()
2015/03/27 PHP
php修改上传图片尺寸的方法
2015/04/14 PHP
php自动更新版权信息显示的方法
2015/06/19 PHP
PHP文件操作方法汇总
2015/07/01 PHP
JSON.stringify 语法实例讲解
2012/03/14 Javascript
Javascript中封装window.open解决不兼容问题
2014/09/28 Javascript
jQuery中:reset选择器用法实例
2015/01/04 Javascript
JavaScript生成随机数的4种自定义函数分享
2015/02/28 Javascript
jQuery插件zepto.js简单实现tab切换
2015/06/16 Javascript
最简单的tab切换实例代码
2016/05/13 Javascript
JS集成fckeditor及判断内容是否为空的方法
2016/05/27 Javascript
jquery html5 视频播放控制代码
2016/11/06 Javascript
JS实现json的序列化和反序列化功能示例
2017/06/13 Javascript
vue实现移动端图片裁剪上传功能
2020/08/18 Javascript
使用百度地图实现地图网格的示例
2018/02/06 Javascript
基于Vue2x的图片预览插件的示例代码
2018/05/14 Javascript
vue实现的双向数据绑定操作示例
2018/12/04 Javascript
原生js实现each方法实例代码详解
2019/05/27 Javascript
vue+element模态框中新增模态框和删除功能
2019/06/11 Javascript
微信小程序JS加载esmap地图的实例详解
2019/09/04 Javascript
何时/使用 Vue3 render 函数的教程详解
2020/07/25 Javascript
element日历calendar组件上月、今天、下月、日历块点击事件及模板源码
2020/07/27 Javascript
[01:09]DOTA2次级职业联赛 - 99战队宣传片
2014/12/01 DOTA
python递归计算N!的方法
2015/05/05 Python
python多进程实现进程间通信实例
2017/11/24 Python
python docx 中文字体设置的操作方法
2018/05/08 Python
Python Mock模块原理及使用方法详解
2020/07/07 Python
利用CSS3把图片变成灰色模式的实例代码
2016/09/06 HTML / CSS
CSS3实现苹果手机解锁的字体闪亮效果示例
2021/01/05 HTML / CSS
海蓝之谜英国官网:La Mer英国
2020/01/15 全球购物
工作决心书
2014/03/11 职场文书
大学新闻系自荐书
2014/05/31 职场文书
庆国庆国旗下讲话稿2014
2014/09/21 职场文书
大学生党员批评与自我批评范文
2014/10/14 职场文书
社区学习党的群众路线教育实践活动心得体会
2014/11/03 职场文书