uniapp数据绑定

最新推荐文章于 2024-05-01 13:03:12 发布

weixin_46301474

最新推荐文章于 2024-05-01 13:03:12 发布

阅读量5.6k

点赞数

文章标签：前端

本文链接：https://blog.csdn.net/weixin_46301474/article/details/104990314

版权

本文介绍了uni-app的数据绑定，包括两种绑定方式：{{参数}}和属性绑定如:value=‘参数’。强调了data(){}中存放和返回数据的方法。同时讨论了数组绑定，涉及到v-for循环和key属性的重要性，要求key的值必须是唯一且为number或string。最后提到了条件渲染的使用，如v-if和v-hidden的区别，前者决定是否渲染，后者则控制显示隐藏。

摘要由CSDN通过智能技术生成

1，uniapp数据绑定。
uni-app数据绑定分两种情况：
①在标签内部绑定使用：{ {参数}}
②标签内部绑定使用：例：:value=‘参数’ 也就是标签内属性绑定参数要多加个：

2，data(){}：存放数据，在data(){}中return，然后去绑定数据。

<template>
	<view class="content">
		<text class="title">{
   {
   title}}</text>//Hello
		<input type="text" value="subTitle" />//subTitle
	</view>
</template>

<script>
export default {
   
    data() {
   //存放数据
        return {
   
            title: 'Hello'