热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

vue计算属性的使用和vue实例的方法

vue计算属性当我们想要根据一端业务代码的执行结果来返回属性的值,就可以使用计算属性computed了,计算属性是一个有结果的函数,有get方法和set方法
vue 计算属性

               当我们想要根据一端业务代码的执行结果来返回属性的值,就可以使用计算属性computed了,

计算属性是一个有结果的函数,有get方法和set方法,get方法,必须有返回值必须有返回值


a = >{{a}}b = > {{b}}




计算属性的set/get方法:


a = >{{a}}b = > {{b}}





vue实例的简单方法

vm 是创建的vue实例对象的名字
vm.$el ->  就是元素
vm.$data  ->  就是data
vm.$mount ->  将vue对象挂载在节点对象上

举个例子:

var vm2 = new Vue({data:{},methods:{}}).$mount('#box');等同于:

var vm2 = new Vue({el:'#box',data:{},methods:{}});
vm.$options
->   获取自定义属性,自定义方法

vue实例可以自定义属性和方法,如果需要调用就需要$options调用,举例如下:

var vm2 = new Vue({aa:'1',//自定义属性show:function () {alert(1);},el:'#box',data:{},methods:{}});vm2.$options.show();console.log(vm2.$options.aa);

vm.$destroy ->   销毁对象
vm.$log(); ->  查看现在数据的状态



推荐阅读
author-avatar
手机用户2602935405
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有