Vue框架提供了多個常用的內置方法，用于處理數據、頁面渲染和組件通信等任務。以下是幾種常用的Vue內置方法。

<template>
<div>
{{ message }}
</div>
</template>
<script>
export default {
data() {
return {
message: 'Hello, Vue!'
}
}
}
</script>

data：Vue實例的數據對象。當數據發生變化時，對應的視圖會重新渲染。

<template>
<button @click="increment">+</button>
<div>{{ count }}</div>
</template>
<script>
export default {
data() {
return {
count: 0
}
},
methods: {
increment() {
this.count++
}
}
}
</script>

methods：Vue實例的方法對象。可以在template中調用這些方法。

<template>
<div>{{ fullName }}</div>
</template>
<script>
export default {
data() {
return {
firstName: 'John',
lastName: 'Doe'
}
},
computed: {
fullName() {
return this.firstName + ' ' + this.lastName
}
}
}
</script>

computed：計算屬性可以把對data的復雜操作放在computed里面，而在template里面直接調用。

<template>
<div>
<ul>
<li v-for="(item, index) in items" :key="index">{{ item }}</li>
</ul>
</div>
</template>
<script>
export default {
data() {
return {
items: ['item1', 'item2', 'item3']
}
}
}
</script>

v-for：遍歷items數組，同時可以獲取到item及其下標index。

<template>
<div>
<p>Name: {{ name }}</p>
<p>Age: {{ age }}</p>
</div>
</template>
<script>
export default {
props: {
name: String,
age: Number
}
}
</script>

props：父組件向子組件傳遞數據、屬性或方法的方式。在子組件使用props屬性接收父組件傳遞的數據。

除此之外，還有其他常用的Vue內置方法，比如v-bind、v-on、watch等，各種方法的詳細介紹可以查看Vue的官方文檔。