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 相关文章推荐
JQuery 初体验(建议学习jquery)
Apr 25 Javascript
jquery mobile页面跳转后样式丢失js失效的解决方法
Sep 06 Javascript
javascript中通过arguments参数伪装方法重载
Oct 08 Javascript
剖析Node.js异步编程中的回调与代码设计模式
Feb 16 Javascript
微信小程序 详解Page中data数据操作和函数调用
Jan 12 Javascript
浅析bootstrap原理及优缺点
Mar 19 Javascript
JS查找英文文章中出现频率最高的单词
Mar 20 Javascript
深入解析js轮播插件核心代码的实现过程
Apr 14 Javascript
利用ES6实现单例模式及其应用详解
Dec 09 Javascript
Node.js调用fs.renameSync报错(Error: EXDEV, cross-device link not permitted)
Dec 27 Javascript
jQuery niceScroll滚动条错位问题的解决方法
Feb 03 jQuery
解决layui批量传值到后台操作时出现传值为空的问题
Sep 28 Javascript
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
global.php
2006/12/09 PHP
PHP UTF8编码内的繁简转换类
2009/07/20 PHP
PHP图像处理之使用imagecolorallocate()函数设置颜色例子
2014/11/19 PHP
微信公众平台之快递查询功能用法实例
2015/04/14 PHP
php数据访问之查询关键字
2016/05/09 PHP
一文看懂PHP进程管理器php-fpm
2020/06/01 PHP
瀑布流布局并自动加载实现代码
2013/03/12 Javascript
jQuery获取file控件中图片的宽高与大小
2016/08/04 Javascript
BootStrap Table对前台页面表格的支持实例讲解
2016/12/22 Javascript
vue中使用localstorage来存储页面信息
2017/11/04 Javascript
vue的传参方式汇总和router使用技巧
2018/05/22 Javascript
vue中使用sessionStorage记住密码功能
2018/07/24 Javascript
详解Vue 匿名、具名和作用域插槽的使用方法
2019/04/22 Javascript
vue canvas绘制矩形并解决由clearRec带来的闪屏问题
2019/09/02 Javascript
js实现随机点名功能
2020/12/23 Javascript
python操作MySQL数据库具体方法
2013/10/28 Python
Python删除指定目录下过期文件的2个脚本分享
2014/04/10 Python
python使用自定义user-agent抓取网页的方法
2015/04/15 Python
浅析Python中的多重继承
2015/04/28 Python
python Pygame的具体使用讲解
2017/11/03 Python
用不到50行的Python代码构建最小的区块链
2017/11/16 Python
Django在win10下的安装并创建工程
2017/11/20 Python
Python实现的凯撒密码算法示例
2018/04/12 Python
对python中GUI,Label和Button的实例详解
2019/06/27 Python
django 使用全局搜索功能的实例详解
2019/07/18 Python
使用CSS3的::selection改变选中文本颜色的方法
2015/09/29 HTML / CSS
Sperry官网:帆船鞋创始品牌
2016/09/07 全球购物
迪梵英国官方网站:Darphin英国
2017/12/06 全球购物
师范生实习的个人自我鉴定
2013/10/20 职场文书
2014年信贷员工作总结
2014/11/18 职场文书
2014年科室工作总结
2014/11/20 职场文书
2014年汽车销售工作总结
2014/12/01 职场文书
2014年人大工作总结
2014/12/10 职场文书
培训班通知
2015/04/25 职场文书
怎样写工作总结啊!
2019/06/18 职场文书
Html5新增了哪些功能
2021/04/16 HTML / CSS