• 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>
  • 相关阅读:
    Java测试复盘03
    【牛客网】HJ91.走方格的方案数
    指针(2)
    Android组件通信——消息机制(二十六)
    Python爬虫逆向猿人学刷题系列——第七题
    跨桌面端Web容器演进
    论人类下一代语言的可能—6.3.5形式化
    Nginx 使用自签名证书实现 https 反代 Spring Boot 中碰到的页面跳转问题
    【数字电路基础】深入理解setup time和hold time
    5分钟掌握接口自动化测试,4个知识点简单易学!
  • 原文地址:https://blog.csdn.net/Mxy18851251178/article/details/136365952