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 相关文章推荐
动态修改DOM 里面的 id 属性的弊端分析
Sep 03 Javascript
jquery 清空file域示例(兼容个浏览器)
Oct 11 Javascript
Extjs Label的 fieldLabel和html属性值对齐的方法
Jun 15 Javascript
纯js实现div内图片自适应大小(已测试,兼容火狐)
Jun 16 Javascript
精通JavaScript的this关键字
May 28 Javascript
JS动态插入并立即执行回调函数的方法
Apr 21 Javascript
深入解析JavaScript中的立即执行函数
May 21 Javascript
Vue单文件组件基础模板小结
Aug 10 Javascript
详解swiper在vue中的应用(以3.0为例)
Sep 20 Javascript
Vue Cli3 创建项目的方法步骤
Oct 15 Javascript
优雅的elementUI table单元格可编辑实现方法详解
Dec 23 Javascript
详解jQuery设置内容和属性
Apr 11 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实现LOL数据远程获取
2014/06/10 PHP
Thinkphp多文件上传实现方法
2014/10/31 PHP
JavaScript中的apply()方法和call()方法使用介绍
2012/07/25 Javascript
ComboBox 和 DateField 在IE下消失的解决方法
2013/08/30 Javascript
js 实现菜单上下显示附效果图
2013/11/21 Javascript
express的中间件basicAuth详解
2014/12/04 Javascript
JavaScript中setUTCMilliseconds()方法的使用详解
2015/06/12 Javascript
$.extend 的一个小问题
2015/06/18 Javascript
jQuery过滤选择器经典应用
2016/08/18 Javascript
理解JavaScript原型链
2016/10/25 Javascript
Bootstrap 模态框多次显示后台提交多次BUG的解决方法
2017/12/26 Javascript
微信小程序实现评论功能
2018/11/28 Javascript
微信小程序—setTimeOut定时器的问题及解决
2019/07/26 Javascript
vue-cli history模式实现tomcat部署报404的解决方式
2019/09/06 Javascript
Python中的__new__与__init__魔术方法理解笔记
2014/11/08 Python
python使用参数对嵌套字典进行取值的方法
2019/04/26 Python
如何使用python爬虫爬取要登陆的网站
2019/07/12 Python
Python3之字节串bytes与字节数组bytearray的使用详解
2019/08/27 Python
Python基于paramunittest模块实现excl参数化
2020/04/26 Python
HTML5如何使用SVG的方法示例
2019/01/11 HTML / CSS
Reebonz中国官网:新加坡奢侈品购物网站
2017/03/17 全球购物
Gucci法国官方网站:意大利奢侈品牌
2018/07/25 全球购物
Kate Spade澳大利亚官方网站:美国设计师手袋品牌
2019/09/10 全球购物
Tomcat的缺省是多少,怎么修改
2014/04/09 面试题
计算机专业学生求职信分享
2013/12/15 职场文书
工程专业求职自荐书范文
2014/02/18 职场文书
售前工程师职业生涯规划
2014/03/02 职场文书
高中家长寄语
2014/04/02 职场文书
酒店管理毕业生自荐信
2014/05/25 职场文书
学校清明节活动总结
2014/07/04 职场文书
幼儿园推普周活动总结
2015/05/07 职场文书
新员工实习期个人工作总结
2015/10/15 职场文书
导游词之永泰公主墓
2019/12/04 职场文书
java实现对Hadoop的操作
2021/07/01 Java/Android
CSS作用域(样式分割)的使用汇总
2021/11/07 HTML / CSS
如何打开Win11系统注册表编辑器?Win11注册表编辑器打开修复方法
2022/04/05 数码科技