• vue-计算属性


    计算属性就是一个提前定义好的方法, 该方法可以看作是一个特殊的值, 可以在插值表达式中使用.

    语法:

    1. var app = new Vue({
    2. el:"#app",
    3. //计算属性必须放在Vue的computed中
    4. computed:{
    5. //定义计算属性
    6. 属性名(){
    7. return "返回值";
    8. }
    9. }
    10. });

    案例:

    1. "app">
    2. <h1>{{birth}}h1>
    3. <h1 v-text="birth">h1>
    4. <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>
  • 相关阅读:
    汉诺塔 --- 递归回溯算法练习一
    设计模式之状态模式
    vue自定义指令directives
    java--String
    10种靠谱又收益不错的在家就可以做的网赚兼职平台介绍
    Java资深架构师详解java进阶技术体系与主流架构思维(建议入手)
    微软 CEO 纳德拉痛失爱子
    1704. 判断字符串的两半是否相似
    基础算法|快速排序|AcWing 785. 快速排序|2022-11-19
    Java 复习笔记 - 常见算法:查找算法
  • 原文地址:https://blog.csdn.net/Mxy18851251178/article/details/136365952