zoukankan      html  css  js  c++  java
  • vue.js实战 第一篇 1-3章计算属性

    一、基本环境的搭建

    1、引用<script src=vue.min.js>

    2、容器设置<div id="app">

    指令:v-for v-if v-html v-pre v-bind(简写:)v-on(简写@)

    插值和表达式:{{}},js表达式支持简单的运算、三元运算等,不支持语句和流控制

    过滤器:|,简单的文本转换等,复杂的用计算属性

    3、脚本块

    new Vue({
    
        el:'#app',
    
        data:{name:'aaa'},
    
        created:function(){},
    
        mounted:function(){},
    
        beforeDestory:function(){},
    
        filters:{
    
            formatData:function(value){}
    
        },
    
        methods:{
    
            method1:function(){}
    
        }
    
    })                

    二、计算属性

    computed:{
    
        func1:function(){
    
        ///
    
        return value
    
        }
    
    }

    计算属性的get,set

    有时使用计算属性还是methods,取决是否需要缓存。计算属性依赖的数据发生变化时,才会重新取值。而method不会。

  • 相关阅读:
    迭代器与生成器
    函数
    Java多线程
    JVM垃圾回收
    JVM内存模型
    面向对象的特征和原则
    Java代码规范
    安装yum
    虚机ping:www.baidu.com报错
    创建好centos7虚拟机之后连xshell连不上虚机
  • 原文地址:https://www.cnblogs.com/fishope/p/10848575.html
Copyright © 2011-2022 走看看