zoukankan      html  css  js  c++  java
  • vue 组件中this指向

    今天开始学习慕课网的“去哪网”app开发,之前用学了一段时间对vue还是没有深刻理解透,先在开始要从新开始学习vue,今天学的第一堂课是vue 中v-model、v-for的简单例子,以前改变dom中的数据是操作dom来改变dom中的文本,vue提供的改变数据来改变dom中的内容,这样很大程度上提高了性能,组件中方法中的this是当前组件,可以改变当前组件中的data()方法中的数据,进而改变dom 中的数据,v-for是循环数据中的数组和对象,从而渲染页面的内容,比较方便简单,要是在以前放到dom中要一点点写入编辑页中,现在只要循环组件中的data数据的数组或对象就可以渲染内容到页面中。

    vue 是MVVM形式,M是所有的数据,写入的dom标签实际上就是V层,当数据改变的时候VM层展示新的V层,VM层不是我们来实现的,vue就是VM层,它会帮我们搞定这个事,监听到数据变了,视图层也会发生改变,当事件改变M层的数据,视图层也会发生相应的改变,当我们使用MVVM框架开发的时候最重的M层,我们需要把注意力集中到M层,以前使用jquery是面向dom进行编程,现在是面向数据进行编程,使用MVVM框架操作,dom操作被极大的简化了,可以减少至少30%的代码量。

    使用组件化在大型的项目上会续维护上极大的提高,每个组件就是页面中的一个区域。

  • 相关阅读:
    C#中调用DTS
    经典问题:向setTimeout传递函数参数
    C#.NET 中的类型转换
    SQL语句导入导出大全 (转载)
    js脚本defer的作用
    [转]使用 Java API 处理 WebSphere MQ 大消息
    WideCharToMultiByte 宽字节转换为多字节
    [原].NET数据库开发中请注意区域时间格式
    输出页眉和页脚的简单HTTP模块实践
    浅析ASP.NET HTTP Module
  • 原文地址:https://www.cnblogs.com/zhx119/p/9475737.html
Copyright © 2011-2022 走看看