vue学习(九) 组件中is的使用
2019-05-13 11:57
218 查看
<!DOCTYPE html>
<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" />
<script src="../vue/vue.js"></script>
<title>学习vue</title>
</head>
<body>
<div id="app">
<table>
<tbody>
<tr is='row'></tr>
<tr is='row'></tr>
<tr is='row'></tr>
</tbody>
</table>
</div>
<script>
Vue.component("row", {
data:function(){//不能用对象 只能函数 返回对象
return {
content:'hello!'
}
},
template: "<tr><td>{{content}}<td><tr>"
});
var app = new Vue({
el: "#app",
data: {}
});
</script>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- Vue.js入门学习--组件使用说明（九）
- Vue学习1-1.基础语法;2.指令:表单输入绑定,文本渲染;3.组件:定义组件,使用组件
- Vue.js学习系列（八）---如何使用组件
- Vue.js入门学习--组件的注册和使用（二）
- Vue 2.0学习笔记：组件的使用
- vue.js 中 :is 与 is 的用法和区别,学习全局与局部注册组件
- Vue.js入门学习--组件的注册使用+开奖小游戏（八）
- Vue1.0学习总结(4)———Vue1.0自定义组件、Vue1.0组件之间的通信、slot的使用
- Vue学习笔记4.1 is方法，全局组件的data， Vue中操作DOM元素
- JavaMail学习笔记-3 （包括Oreilly欧莱理上传组件的使用）
- ADF学习：Tree组件的使用
- ZendFramework学习第三章（核心组件—过滤器之过滤器的使用方法）
- Android学习一——动态添加组件与删除，可见性设置，imagebutton简单使用
- .NET学习（八）UpdatePanel组件的使用
- 『框架设计（第2版）CLR Via C#』学习笔记——使用is和as操作符来进行强制类型转换
- Ext4核心组件Grid的变化及学习（4）：grid与服务端使用direct进行数据交互
- win32sdk学习-Richedit组件使用
- LotusPhp学习四：Cookie 组件的使用
- 【Unity3D API的学习与使用】Unity实现GUI组件的位移、缩放和旋转
- Android组件之Service学习（1）两种使用方式与生命周期