vue2.0中组建里面套用组件_vue2.0如何嵌套组件

显示子组件数据

在2.0中这样使用浏览器会报错：[Vue warn]: Component template should contain exactly one root element:

缺少根元素？我试了下好像只有2.0才会报错,这是什么原因?

补上js代码：

Vue.component('parent-component',{

components: {

'child1': {

data: function(){

return {

msg: 'child1'

};

}

'child2': {

data: function(){

return {

msg: 'child2'

};

}

methods: {

showChildComponentData: function(){

for( var i = 0;i < $children.lenth;i++) {

alert($children[i].msg);

}

});

new Vue({

el: '#app'

});

vue2.0中组建里面套用组件_vue2.0如何嵌套组件相关推荐

vue2.0中组建里面套用组件_vue19 组建 Vue.extend component、组件模版、动态组件的实例代码...
具体代码如下所示: document var aaa=vue.extend({//继承出来一个vue类aaa template:' 我是标题3 ' }); var a=new aaa();//a跟vm ...
vue中如何调用ios摄像头_vue2.0调用摄像头步骤详解
这次给大家带来vue2.0调用摄像头步骤详解,使用vue2.0调用摄像头的注意事项有哪些,下面就是实战案例,一起来看一下. 可以在github 上下载demo链接 vue组件代码 import {Ex ...
vue饼图组件_vue2.0 自定义饼状图（Echarts）组件
1.自定义图表组件 Echarts.vue export default { props: { // 样式 echartStyle: { type: Object, default(){ re ...
vb6.0中如何引用Microsoft Excel 16.0 Object Library？
Microsoft Excel 16.0 Object Library是什么? 将应用程序中的表格数据导入到Excel的"工具" 为什么添加时是"引用"而不是& ...
MOSS 2007基础：WSS 3.0 中的母版页(Master Pages)和内容页(Content Pages)
原文地址:http://robgarrett.com/cs/blogs/software/archive/2006/07/03/2065.aspx 这篇很短的文章展示了ASP.NET2.0中的母板页和 ...
ECC6.0中数据导出到本地时报错GETWA_NOT_ASSIGNED
在使用SE11/SE16导出数据至本地文件时报了ABAP错误: Runtime Errors GETWA_NOT_ASSIGNED 发生了什么? Error in the ABAP A ...
避免在 ASP.NET Core 3.0 中为启动类注入服务
本篇是如何升级到ASP.NET Core 3.0系列文章的第二篇. Part 1 - 将.NET Standard 2.0 类库转换为.NET Core 3.0 类库 Part 2 - IHostin ...
在ASP.NET Core 2.0中使用CookieAuthentication
在ASP.NET Core中关于Security有两个容易混淆的概念一个是Authentication(认证),一个是Authorization(授权).而前者是确定用户是谁的过程,后者是围绕着他们允 ...
ASP.NET 2.0中发送电子邮件
ASP.NET 2.0中发送电子邮件 ASP.NET 2.0 中发送电子邮件变得非常简单.发送电子邮件的类库主要在命名空间System.Net.Mail中,在这个命名空间中有两个核心类是: ...

vue2.0中组建里面套用组件_vue2.0如何嵌套组件

{{ msg }}

{{ msg }}

vue2.0中组建里面套用组件_vue2.0如何嵌套组件相关推荐

最新文章

热门文章