vue模板语法与计算属性

一、数据

	<script>
	export default {
		data () {
			return {

			}
		}
	}
	</script>

二、模板语法

{{  数据  }}

三、计算属性

	computed:{
		
	}	

DEMO：

<template>
  <div>
      <h1>{{  changeStr }}</h1>
  </div>
</template>

<script>
export default{
  data () { //定义了数据
    return {
      str:"你好vue"
    }
  },
  computed:{
    changeStr(){
      return this.str.split("").reverse().join("");
    }
  }
}
</script>

<style></style>