1 屬性繫結

元素資料的繫結不能直接使用插值表示式，例如繫結元素的title屬性、圖片的src屬性等，要使用v-bind進行屬性繫結。

• 元素新增屬性使用v-bind繫結，簡寫成 ：
• 使用圖片要新增mode = “widthFix”

<template>
  <view class="content">
    <image :src="imgPath" mode="widthFix" @click="getData"></image>
  </view>
</template>
<!--安裝 Vue.js-->
 

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script>
  export default {
    data() {
      return {
        title: "Hello Ding Jiaxiong",
        imgPath: "static/logo.jpg",
      };
    },
    onLoad() {},
    methods: {
      getData() {
        console.log(this
 
.title);
      },
    },
  };
</script>

<style></style>

2 v-for渲染資料

v-for用來迴圈遍歷資料，可以直接使用v-for遍歷複雜陣列。

 使用方法和Vue中一樣，注意繫結key屬性。