递归vue
来源:互联网 发布:mysql可视化工具下载 编辑:程序博客网 时间:2024/06/03 16:30
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style>
.clr { background-color:pink; }
.oneStyle { color:blue; font-size: 33px;}
.twoStyle { font-size: 33px;}
</style>
<script src="../../vue.js"></script>
</head>
<ul id="app">
<li>
{{b}}
</li>
<my-template v-if="a" :a="a.a" :b="a.b"></my-template>
</ul>
<script>
Vue.component("myTemplate", {
template: '<ul><li>{{b}}</li><my-template v-if="a" :a="a.a" :b="a.b"></my-template></ul>',
props: ["a", "b"]
})
var data = {
a: {
a: {
a: 0,
b: 3
},
b: 2
},
b: 1
}
var vm = new Vue({
el: '#app',
data: data,
methods: {
}
});
</script>
</body>
<html lang="zh-cn">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style>
.clr { background-color:pink; }
.oneStyle { color:blue; font-size: 33px;}
.twoStyle { font-size: 33px;}
</style>
<script src="../../vue.js"></script>
</head>
<ul id="app">
<li>
{{b}}
</li>
<my-template v-if="a" :a="a.a" :b="a.b"></my-template>
</ul>
<script>
Vue.component("myTemplate", {
template: '<ul><li>{{b}}</li><my-template v-if="a" :a="a.a" :b="a.b"></my-template></ul>',
props: ["a", "b"]
})
var data = {
a: {
a: {
a: 0,
b: 3
},
b: 2
},
b: 1
}
var vm = new Vue({
el: '#app',
data: data,
methods: {
}
});
</script>
</body>
</html>
递归vue
- 1
- 2
- 3
- 2
阅读全文
0 0
- 递归vue
- vue递归组件
- vue.js树的递归
- vue 组件递归,非父子间组件通信简单实例
- Vue基础:组件--slot、异步组件、递归组件及其他
- Vue
- vue
- vue
- Vue
- Vue
- vue
- vue
- vue
- vue
- vue
- vue
- vue
- vue
- SpringMVC4 设置返回结果为JSON
- trace文件分析ANR问题
- 单链表基本操作C语言实现
- 常用Python第三方库 简介
- Deep Neural Network for Image Classification: Application吴恩达老师第一课第四周作业2
- 递归vue
- Dijkstra算法
- GitHub、GIT、Intellij集成github初探
- 581. Shortest Unsorted Continuous Subarray 最短未排序的子数组
- Servlet面试题
- SyntaxError: (unicode error) 'unicodeescape' codec can't decode bytes in position 2-3: truncated \UX
- HashMap的实现原理
- [排序][哈希] 统计数字
- Svn代码统计