• 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>
  • 相关阅读:
    【机器学习300问】135、决策树算法ID3的局限性在哪儿?C4.5算法做出了怎样的改进?
    今天起,Windows可以一键召唤GPT-4了
    includes用法
    Jmeter压测入门教程
    决策树模型(3)决策树的生成与剪枝
    Spring Boot+Vue3前后端分离实战wiki知识库系统之电子书管理功能开发
    基于JavaWeb的物流管理系统网站设计
    MySQL 主从复制与读写分离
    centos6.5升级ntp版本至ntp-4.2.6版本以上
    《OpenHarmony开源鸿蒙学习入门》-- 状态管理
  • 原文地址:https://blog.csdn.net/Mxy18851251178/article/details/136365952