Vue简单入门(二)

一、Vue中的属性!

    属性的特性:是否可读可写;是否可被遍历;是否可被删除。

    描述对象来描述这些特性---描述对象的特性都是true

    Object.getOwnPropertyDescriptor(对象,"属性")

        返回描述对象:configurable 是否可被删除

        enumerable 是否可被枚举

        value 对应的值

        writable 是否可被改写

     Object.defineProperty(对象,属性,描述对象)

        定义对象的属性,可以添加新的属性,也可以改变已有的属性

        返回描述对象:writable 是否可被改写 false

        configurable 是否可被删除 false

        enumerable 是否可被枚举 false

    Object.defineProperty(对象,属性,{【存取器 getter/setter】

        get(){return 属性值}  【获取属性值】

        set(newValue){}  【设置属性值】

        enumerable: false,

        configurable: false,

    })

    代理:data中数据在初始化的时候会被内部设置为getter/setter,过程叫做代理

        一开始的时候就要规划好数据,之后再添加新属性的时候,并不会触发视图更新,因为没有被代理

    调用两个方法

        Vue.set(对象,属性,值)

        实例.$set(对象,属性,值)

        数组的方法

        数组的方法是变异方法

    vue中改写了---'push', 'pop', 'shift',  'unshift',  'splice',  'sort',  'reverse'

        数组使用下标改变,不会响应

    表单元素处理

        把数据渲染在input上,用input事件监听变化,改变数据---双向数据绑定

        封装了语法糖,合并了绑定和监听

    指令v-model

    语法:v-model="数据"

    做了两件事情:

        1. 把数据绑在value上

        2. 监听input事件改变数据

二、计算属性!

    模板中不要对数据处理过多的逻辑。

    在模板中对数据处理,可以把逻辑抽离在两个地方:methods方法 & computed计算属性

    methods方法:

        在方法中处理逻辑,最终产生一个结果

    computed计算属性:

        计算属性是一个属性,值是由一个方法执行后的返回值,执行是vue内部处理的

    computed和methods中依赖于data中的值。

    当data中的值更新后,会重新计算,computed只会计算一次,就可以在模板中多次使用。

    data computed methods 属性都会放在实例上

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • VUE介绍 Vue的特点构建用户界面,只关注View层简单易学,简洁、轻量、快速渐进式框架 框架VS库库,是一封装...
    多多酱_DuoDuo_阅读 7,673评论 1 17
  • (注1:如果有问题欢迎留言探讨,一起学习!转载请注明出处,喜欢可以点个赞哦!)(注2:更多内容请查看我的目录。) ...
    love丁酥酥阅读 5,823评论 4 7
  • vue概述 在官方文档中,有一句话对Vue的定位说的很明确:Vue.js 的核心是一个允许采用简洁的模板语法来声明...
    li4065阅读 12,013评论 0 25
  • 简介 MVVM:MVP的升级版,ViewModel(vm)替换Presenter(p), ViewModel配合x...
    34sir阅读 4,821评论 0 2
  • 雅思考试可以让考生知道他们的英语水平如何。 IELTS enables students to know thei...
    白痴上神阅读 2,920评论 0 0