实例属性的使用

最新推荐文章于 2023-09-01 22:24:04 发布
最新推荐文章于 2023-09-01 22:24:04 发布
阅读量95 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46382477/article/details/108096811
版权 
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>vue实例的属性和方法</title>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>

<body>
    <div id="itapp">
        {{msg}}
        <h2 ref="hello">hello</h2>
        <p ref="world">world</p>
        <h1 ref="title">title：{{nameK}}</h1>
    </div>
    <script>
        var vm = new Vue({
            // el:'#app',
            data: {
                msg: 'welcome to app',
                nameK: 'xixihaha'
            },
            name: 'xut',
            age: 10,
            show: function () {
                console.log('show');
            },
            methods: {

            },
            mounted() {}
        });

        vm.$mount('#app');//手动挂载vue实例
        vm.$destroy()  //销毁实例

        //属性：vm.属性名，获取data中的某个属性
        console.log(vm.msg)
        // vm.$el 获取vm关联的元素
        console.log(vm.$el)
        vm.$el.style.color="red";
        // vm.$data 获取数据对象data
        console.log(vm.$data)
        // vm.$options 获取自定义
        console.log(vm.$options)
        console.log(vm.$options.name)
        console.log(vm.$options.age)
        vm.$options.show();
        // vm.$refs :获取所有添加ref属性的元素
        console.log(vm.$refs);
        console.log(vm.$refs.hello);
        vm.$refs.hello.style.color = 'red';
        //在dom更新完后再执行回调函数
        vm.$nextTick(callback)  
        //dom没有更新完， vue实现响应式并不是数据发生变化之后， dom马上变化，需要时间
        console.log(vm.msg);
        vm.nameK = "测试";
        console.log(vm.$refs.title.textContent)
        //宏任务
        setTimeout(() => {
            console.log('setTimeout');
            console.log(vm.$refs.title.innerHTML)
        }, 0)
        //微任务
        vm.$nextTick(function () {
            console.log('nextTick');
            console.log(vm.$refs.title.innerHTML)
        });
        // $nextTick :推荐
        // 修改数据
        vm.msg = 'Hello'
        // DOM 还没有更新
        Vue.nextTick(function () {
            // DOM 更新了
            console.log('vm.msg', vm.msg);
        })
    </script>
</body>

</html>
卡姿兰大长腿
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
实例属性-类方法
Z_J_1997的博客
06-20 928
实例属性_内存分析 实例属性是属于实例对象的属性，也称为“实例变量”。 1.实例属性一般在__init__()方法中通过如下代码定义：self实例属性名 = 初始值 2.在本类的其它实例方法中，也是通过self进行访问： 3.创建实例对象后，通过实例对象访问： obj01=类名（） #创建对象，调用__init__()初始化属性 obj01.实例属性名 = 值 （可以给已有属性赋值，也可以新加属性） 实例方法：是从属于实例对象的方法。格式： def 方法名（self[,形参列表]): 函数体 方法的调用
Vue 组件实例属性的使用
weixin_34293911的博客
12-23 218
前言 因为最近面试了二、三十个人，发现大部分都还是只是停留在 Vue 文档的教程。有部分连教程这部分的文档也没看全。所以稍微写一点，让新上手的 Vuer 多了解 Vue 文档的其他更需要关注的点。 因为 Vue 文档已经是个很成熟的文档，并且实现的 demo 简洁明了，我就不具体写实现代码了，文内只会贴需要关注的知识的文档地址 v-mod...
面向对象编程(实例属性、类属性)
weixin_34402408的博客
04-28 100
由于Python是动态语言，根据类创建的实例可以任意绑定属性。 给实例绑定属性的方法是通过实例变量，或者通过self变量： class Student(object): def __init__(self, name): self.name = name s = Student('Bob') s.score = 90 但是，如果Student类本身...
实例属性和类属性
weixin_30521649的博客
03-26 94
实例属性 　　实例仅拥有数据属性(方法严格来说是类属性)，后者只是与某个类的实例相关联的数据值，并且可以通过句点属性标识法来访问。这些值独立于其它实例或类。当一个实例被释放后，它的属性 同时也被清除了。 【1】“实例化”实例属性 　　设置实例的属性可以在实例创建后任意时间进行，也可以在能够访问实例的代码中进行。构造器__init()__是设置这些属性的关键点之一。 　　pyt...
实例属性
fayzoro的博客
08-29 3732
实例属性：　attribute(也叫实例变量) 实例属性 每个实例都可以有自己的变量用来保存对象自己的数据，称为实例变量（也叫属性） 语法： 实例.属性名 赋值规则同变量的赋值规则 首次为属性赋值，则创建此属性 再次为属性赋值，则改变此属性的绑定关系 作用： 记录每个对象自身的数据 示例见： # 此示例示意为对象添加示例变量（属性）及访问示例变量(实例属性) class ...
Python类属性与实例属性用法分析
09-22
主要介绍了Python类属性与实例属性用法,实例分析了Python类属性与实例属性的功能、定义与使用技巧,需要的朋友可以参考下
CSS的animation属性使用实例讲解
01-21
一、animation的语法 1、@keyframes——插入关键帧 (1)FormTo形式： CSS Code复制内容到剪贴板 @keyframes demo { from { Properties:Properties value; } Percentage { Properties:Properties ...
.net使用自定义类属性实例
10-25
主要介绍了.net使用自定义类属性实例,详细讲述了自定义类属性的原理及实现方法,需要的朋友可以参考下
python中创建实例属性共3页.pdf.zip
10-30
在Python中，对象是程序的基本构建块，而实例属性则是对象的核心组成部分。本文将深入探讨Python中如何创建和管理实例属性，以及它们在实际编程中的应用。 1. **类与实例** 在Python中，类是一种自定义数据类型，...
对象实例属性
Chujianlong321的博客
04-03 764
我们通过类定义数据类型的属性（数据）和方法（行为）,也就是说，“类将行为和状态打包在一起”。 对象是类的具体实体，一般称为“类的实例”。类看做“饼干模具”，对象就是根据这个“模具”制造出的“饼干”。 从一个类创建对象时，每个对象会共享这个类的行为（类中定义的方法），但会有自己的属性值（不共享状态）。更具体一点：“方法代码是共享的，属性数据不共享”。 Python 中，“一切皆对象”。类也称为...
73_类的定义
onepiSya
09-10 267
76.类的定义 我们通过类定义数据类型的属性（数据）和方法（行为）,也就是说，“类将行为和状态打 包在一起”.   对象是类的具体实体，一般称为“类的实例”。（比如一个 Student 类 创造了一个 实体 叫做 小李 。 小李 是一个学生。 就是这个 Student类的实例化对象。） 类看做“饼干模具”，对象就是根据这个“模 具”制造出的“饼干”。   从一个类创建对象时，每个对象会共享这个类的行为（类中定义的方法），但会有自己的属 性值（不共享状态）。更具体一点：“方法代码是共享的，属性数据不共享”
python类的属性和实例的属性有什么区别
琅嬛福地
09-01 764
注意：如果尝试通过实例修改类属性，实际上你可能会在该实例上创建一个新的实例属性，而不是修改类属性。这可能会导致意外的行为和混淆，所以通常建议不要这样做。在 Python 中，类属性和实例属性是两种不同类型的属性，它们在用途和作用域上有所不同。总的来说，类属性是共享的，而实例属性是独立的。理解这两者之间的区别对于避免在面向对象编程中出现常见的错误是很重要的。
python中类属性和实例属性的使用和区别
CoolBreeze的博客
06-16 8684
# 类属性和实例属性 class Student: count = 10 # count是类属性 def __init__(self, name): self.name = name # name是实例属性 print(Student.count) ...
演示类中：类属性和实例属性的定义使用和区别
weixin_45562000的博客
02-15 945
程序 class Demo_Property: #定义类 class_name = "Demo_property" #类属性 def __init__ (self,x=0): self.x = x #实例属性 def class_info (self): #输出信息的方法 ...
python实例属性
weixin_54542209的博客
03-17 2446
前言：在学习类和对象的时候类属性和实例属性是绕不开的，上一篇文章讲了类属性，接下来我们就讲一下实例属性，希望这篇博客对大家有帮助。 一、实例属性的定义 定义在类的初始化函数(def __init__())中的变量就叫实例属性 class Dog: def __init__(self,age): #此处的age需要在类实例化的时候传进来 self.name = "老王" #实例属性，写死的方式定义 self.age = age #实例属性，通过类初始化参数定义
Python学习笔记——类属性和实例属性
Leowait的专栏
06-09 1万+
Python学习笔记——类属性和实例属性的区别访问特性首先我们以Test类为例：class Test(object): #类属性 a = 100 def __init__(self, b): #实例属性 self.b = b t = Test(100)#通过实例化对象访问 类属性print("t.a = %d"%t.a)#通过类名访问 类属性p
python中的类属性、实例属性、类方法、实例方法
热门推荐
loner_fang的博客
07-03 5万+
定义类 class Person(): pass 创建实例 xiaoming = Person() xiaohong = Person() 实例属性 xiaoming = Person() xiaoming.name = xiaoming xiaoming.age = 24 xiaoming.sex = man xiaohong = Person() xiaohong.n...
财务报表，项目费用支出明细.xlsx
最新发布
08-09
工资表，财务报表，对账表，付款申请，财务报告，费用支出表 适用人群：学习不同技术领域的小白或进阶学习者；可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。
Python 实例属性显示
05-18
在 Python 中，我们可以使用实例属性来保存对象的状态。可以通过以下方式显示实例属性： ```python class MyClass: def __init__(self, name, age): self.name = name self.age = age my_obj = MyClass("Alice", 25) # 使用 dir() 函数获取对象的属性列表 print(dir(my_obj)) # 输出对象的属性和值 for attr in dir(my_obj): if not attr.startswith("__"): value = getattr(my_obj, attr) print(f"{attr}: {value}") ``` 运行以上代码，会输出对象 `my_obj` 的所有属性和值。其中，`dir(my_obj)` 函数用于获取对象 `my_obj` 的属性列表，然后使用 `getattr()` 函数获取属性的值，并打印出来。注意，`dir()` 函数会返回所有属性，包括 Python 内置属性和方法。因此，为了过滤掉这些属性，我们使用了 `if not attr.startswith("__"):` 进行过滤。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值