vue学习笔记4

1. 计算属性的使用:

*computed体面可以放置一些业务逻辑代码,一定记得return

<div id="content">
        A=>{{a}}
        </br>
        B=>{{b}}
</div>
<script type="text/javascript">
        var vm = new Vue({
            el:'#content',
            data:{
                a:1,
                b:1,
            },
            methods:{

            },
            computed:{
                //only读取  默认调用的get方法
                aDouble:function () {
                    return this.a = this.a * 2;
                },
                //设置 & 读取
                aPlus:{
                    get:function() {
                        return this.a + this.b;
                    },
                    set:function(val) {
                        this.b = val + 1;
                    }
                }
            }
        });

        console.log(vm.a); //1
        console.log(vm.aDouble); //2
        console.log(vm.aPlus); //3
        vm.aPlus = 10;
        console.log(vm.b); //11
 </script>

2.vue实例简单方法:

    vm.$el   -> 就是元素

    vm.$data ->就是data

    vm.$mount  ->手动挂载

    vm.$options  ->获取自定义属性


阅读更多
文章标签: vue.js
个人分类: vue.js javascript
上一篇vue学习笔记3
下一篇用CSS将select/option文本居中
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

关闭
关闭
关闭