Vue.js组件传参案例
来源:互联网 发布:fcc 网络中立 编辑:程序博客网 时间:2024/06/06 18:03
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible"content="ie=edge">
<title>Document</title>
<script type="text/javascript"src="js/vue.min.js"></script>
</head>
<body>
<div id="app">
<ul>
<li>
<hello v-for="(item,index) in arr"v-bind:content="item"v-bind:txtindex="index"></hello>
</li>
</ul>
</div>
</body>
<script>
// vue 组件传参数
Vue.component('hello', {
template:'<li>{{txtindex}}{{content}}<a href="">我是A</a></li>' ,
props: ['content','txtindex'],
})
var app = newVue({
el: '#app',
data: {
arr:["打游戏","学习vue","买菜"]
},
})
</script>
</html>
阅读全文
0 0
- Vue.js组件传参案例
- vue组件简单案例
- vue.js组件传值
- 【Vue.js】-Vue.js组件
- Vue.js组件
- Vue.js笔记-组件
- Vue.js说说组件
- Vue.js 组件
- vue.js组件开发
- vue.js基础-组件
- Vue.js 组件
- Vue.js说说组件
- Vue.js常用组件
- vue.js之组件
- vue.js 组件问题
- vue-router.js,入门案例
- vue 2 使用Bus.js进行兄弟(非父子)组件通信 简单案例
- vue-schart : vue.js 的图表组件
- 自动化运维工具ansible的安装与使用
- foreach的continue和break : Uncaught SyntaxError: Illegal continue statement
- pygame库写游戏——入门<5>——游戏中的视觉
- android适配器,子布局不能撑满父容器
- 长按二维码图片进行相应操作
- Vue.js组件传参案例
- C# 里氏转换(父类转换成子类)( is as )
- No transaction is currently active问题
- 信贷分控的九个维度
- Tomcat部署的方式
- MATLAB中mean的用法
- 从零开始写聊天机器人
- Git安装配置
- Algorithm-week16