testzm0476
/
vue222
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

已更新至组件的data为什么是函数

This commit is contained in:
Code12121 2022-10-21 12:25:14 +08:00
parent f54a539c2a
commit 9a4610fd03
2 changed files with 23 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
10-组件化开发/06-实现组件的动态数据/组件动态数据.html
View File

@ -19,7 +19,7 @@
</div> </div>
<template id="tpl"> <template id="tpl">
<div> <div>
<h1>这是一个水标签</h1> <h1>这是组件的水（静态）标签</h1>
<h1>{{content}}</h1> <h1>{{content}}</h1>
</div> </div>
@ -31,7 +31,7 @@
'apps',{ 'apps',{
template:"#tpl", template:"#tpl",
data(){ data(){
return {content:"这是真实标签"} return {content:"这是组件的真实（动态）标签"}
} }
}) })
// 这是一个Vue实例对象 // 这是一个Vue实例对象

21
10-组件化开发/06-实现组件的动态数据/组件化data是函数的缘由.html Normal file
View File

@ -0,0 +1,21 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div id="app">
</div>
</body>
<script src="../../JavaScript/vue.js"></script>
<script>
// 这是一个Vue实例对象
const vue=new Vue({
el:"#app"
})
</script>
</html>