首页 / 知识
动态 Prop的实例解析
2023-04-11 13:14:00
动态 Prop
类似于用 v-bind 绑定 HTML 特性到一个表达式，也可以用 v-bind 动态绑定 props 的值到父组件的数据中。每当父组件的数据变化时，该变化也会传导给子组件：
Prop 实例
<div id="app">
<site-info
v-for="site in sites"
:id="site.id"
:title="site.title"
></site-info>
</div>
<script>
const Site = {
data() {
return {
sites: [
{ id: 1, title: 'Google' },
{ id: 2, title: 'Runoob' },
{ id: 3, title: 'Taobao' }
]
}
}
}
const app = Vue.createApp(Site)
app.component('site-info', {
props: ['id','title'],
template: `<h4>{{ id }} - {{ title }}</h4>`
})
app.mount('#app')
</script>
|
最新内容
相关内容
python如何调用mysql
python如何调用mysql，培训，流程，一致，密码，数据，数据库，数据库连接，接口，语句，方法，DB-API是一个规范.它定义了一系列必须的对象和数据库存取
python一个数的平方怎么表示
python一个数的平方怎么表示，培训，平方根，个数，函数，模块，表示，方法，表达式，实例，下面，用python进行数学计算，可以使用python内置的函数模块，下
python怎么调用类方法
python怎么调用类方法，培训，方法，实例，静态，定义，参数，属性，对象，关键字，以上，python中的类用来描述具有相同的属性和方法的对象的集合。它定
pythoneval函数作用
pythoneval函数作用，培训，字符串，函数，作用，表达式，对象，结果，引号，计算器，以上，pythoneval(str)函数很强大，官方解释为：将字符串str当成有效的python如何求一个数的平方
python如何求一个数的平方，培训，平方根，个数，整数，函数，模块，方法，小数，表达式，数值，用python进行数学计算，可以使用python内置的函数模块，下面
pythonpython是什么类型的语言
pythonpython是什么类型的语言，培训，系统，教育，软件，电脑，代码，简介，人工智能，类型，语言，python是一种面向对象、解释型、动态类型计算机程序
pythonrange函数怎么用
pythonrange函数怎么用，步长，培训，函数，负数，整数，语法，字母，实例，以上，以下，pythonrange()函数可创建一个整数列表，一般用在for循环中。函数
python哪个版本是免费的
python哪个版本是免费的，培训，发行，通用，项目，设计，版本，以上，语言，计算机，构架，python是免费的，也就是开源的。目前市面上主流的版本有python
python判断字符串是否为小数的方法
python判断字符串是否为小数的方法，培训，代码，合法，小数点，小数，整数，字符串，方法，右边，左边，python想判断一个字符串是不是一个合法的小数，但
python元组怎么用
python元组怎么用，数据，位置，培训，系统，一致，函数，操作，数据类型，外部，个数，python的元组：tuple内部只有两个可以操作的函数[count()/index()]
python如何使用return语句
python如何使用return语句，地址，位置，情况，培训，函数，分析，控制权，地方，变量，语句，return语句就是讲结果返回到调用的地方，并把程序的控制权一python怎么求一个数的平方
python怎么求一个数的平方，培训，平方根，个数，函数，模块，方法，表达式，实例，下面，以上，用python进行数学计算，可以使用python内置的函数模块，下面