ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

初识vue

2022-07-24 19:32:05  阅读:112  来源: 互联网

标签:虚拟 vue dom 一个 初识 实例


初识

1,vue到底是什么?
  定义 :套用于 1.构建用户界面 2.渐进式 JavaScript(宝剑没剑柄)框架
    1.构建用户界面:把死气沉沉的数据做成好看的界面
    2.渐进式:自底向上逐层应用 {简单应用只需要一个轻量小巧的核心库也就100多kb 上升到复杂的多功能应用只要引入各式各样的vue插件即可}

2.vue的特点
  1,采用组件化(vue)模式 提高复用率、和维护
    ---一个vue就包括了html css js 每个vue做修改 不会影响到
  2. 声明式的编码 ,无需操作dom
      ----(告诉干嘛?-->直接一步到位) 替代了传统的命令式编码(每个步骤必不可少类似于 C)
  3.采用虚拟dom+Diff算法
      ---- 尽量复用dom节点 传统原生js的渲染dom 一旦有新数据 是直接覆盖式的渲染(数量一大效率就出问题)
      --- vue就不一样了 利用虚拟dom(临时空间存储数据)假如现在添加新数据到虚拟dom 这个时候dif算法就会进行新老值对比
        两者的区别 就多了一个虚拟dom的操作

 

初识2
  1.想要让vue工作,就必须创建一个vue实例 而且要传入配置对象;

  2.root容器里的代码被称为 【vue模板】一个实例过后的vue 对应一个 不存在 一对多 或者多对一
    注意:动态写入html的方式 并不是在data(单向动态绑定)里头定义了,实例vue模板里才能写 通过表达式生成一个值,可以放在任何一个需要值得地方

&&&&&&     okok,理论知识不啰嗦,就看一个简单操作吧!!    &&&&&

******************  那么下面的就是一个简单的渲染操作  ************************

 

 

 定义的数据如下:

 

标签:虚拟,vue,dom,一个,初识,实例
来源: https://www.cnblogs.com/vvuessss/p/16515221.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有