vue的data为何是个函数
2017-11-22 15:04
197 查看
首先他只有是函数才可以是一个独立的对象
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="vue1.0.25.js" ></script>
</head>
<body>
<div id="app">
<my-div></my-div>
<my-div></my-div>
<my-div></my-div>
<my-div></my-div>
<my-div></my-div>
</div>
<script type="text/template"id="my_div" >
<button @click='counter += 1'>点击次数{{counter}}</button>
</script>
<script type="text/javascript">
// Vue.component('child' ,child1)
Vue.component('my-div',{template:'#my_div',data(){//必须是函数在component里面
return {counter:0}
}
})
new Vue({
el:'#app'
})
</script>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- Vue组件中data选项为什么必须是函数
- vue组件中data必须要写成函数的原因
- SQLite datatime()函数为何获取不到系统本地时间？
- VUE 组建中的data必须为函数
- Vue 组件 data为什么是函数？
- Vue组件data必须是函数的理解
- vue中data必须是函数
- 解析：vue.js中组件的data数据为什么是函数？
- Vue 组件 data为什么是函数？
- Vue实例里面的data属性为什么用函数返回
- Log.d之类的函数为何不能再onCreate之外其他地方使用
- qt model中headerData()函数的调用
- DoDataExchange函数的来龙去脉
- two or more data types in declaration of `函数名'的报错
- vue 组件 之 注册 及 组件内data的使用
- 解决:System.Data.SqlClient.SqlException: 超出了存储过程、函数、触发器或视图的最大嵌套层数（最大层数为 32）.
- Linux Kernel ‘mmc_ioctl_cdrom_read_data()’ 函数本地信息泄露漏洞
- vue实例中的data中的值，无法更新视图
- 向高手求教：返回SqlDataReader的函数里，何时关闭SqlConnection
- 【HLSDK系列】服务端 UpdateClientData 函数