uni-app數據綁定

之前接觸前端，數據綁定這塊要么用組件，要么用jq去操作dom

uni-app數據綁定分兩種情況

在標簽內部綁定使用：{{參數}}

標簽內部綁定使用： 例：:value='參數' 也就是標簽內屬性綁定參數要多加個：

當前綁定的前提基於該參數存在

在每個.vue的頁面中都有配置數據的地方：

<script>
    export default {
        data() {
            return {
                UserName: 'admin'
            }
        },
        methods: {
            
        }
    }
</script>

data(){}就是放數據的地方

只要在data(){}中return了，都可以按照上面兩種方法去綁定數據

部分情況也存在要綁定的數據是個數組，這個時候就需要循環綁定了

<template>
    <view class="content">
        <view v-for="(stu,index) in student" :key='index'>
            姓名:{{stu.name}},年齡{{stu.age}}
        </view>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                student: [
                    {
                        name:'張三',
                        age:10
                    },
                    {
                        name:'李四',
                        age:10
                    },
                    {
                        name:'王五',
                        age:10
                    },
                ]
            }
        },
        methods: {

        }
    }
</script>

可以看到循環用 v-for，后面有用到一個 :key,是為了保證循環的每項的唯一性