计算属性就是一个提前定义好的方法, 该方法可以看作是一个特殊的值, 可以在插值表达式中使用.
语法:
- var app = new Vue({
- el:"#app",
- //计算属性必须放在Vue的computed中
- computed:{
- //定义计算属性
- 属性名(){
- return "返回值";
- }
- }
- });
案例:
- "app">
- <h1>{{birth}}h1>
- <h1 v-text="birth">h1>
- <h1 v-html="birth">h1>
- <script type="text/javascript">
- var app = new Vue({
- el:"#app",
- computed:{
- //定义一个birth方法,该方法就是一个计算属性,可以在插值表达式中使用
- birth(){
- let date = new Date();
- let year = date.getFullYear();
- let month = date.getMonth()+1;
- let day = date.getDay();
- return year + "-" + month + "-" + day;
- }
- }
- });
- script>