初识vue

初识

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,理论知识不啰嗦，就看一个简单操作吧！！    &&&&&

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

 

 

 定义的数据如下：