本文探讨Vue组件中data的使用，强调data必须通过函数返回以确保每个实例的独立性，并介绍了methods部分，以及如何在组件间共享data。
Vue-组件3 data和methods
一、data
注意：
- 组件中的data必须用一个函数返回，返回的数据为一个对象
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<script src="../lib/vue.js"></script>
</head>
<body>
<div id="app">
<!-- 2.调用组件-->
<com1></com1>
</div>
<script>
// 1.定义一个有data的组件
Vue.component('com1', {
template: '<h1>定义一个有data={
{msg}}的组件</h1>',
data: function () {
return {
msg: 'Seven'
}
}
})
var vm = new Vue
最低0.47元/天 解锁文章
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
