[JavaScript知识库]vue系统学习

vue学习

1、vue特点

1、采用组件化模式，提高代码的复用率，且让代码更好的维护。

2、声明式编码，让编码人员无需直接操作DOM，提高开发效率。

1、老的html写法
遍历一个Person数组数据
let htmlStr = ''
person.forEach(p=>{
htmlstr +='<li>${p.id} - ${p.name} -${p.age}</li>'
});
let list= document.getElementById('list')
list.innerHTML = htmlStr

新的写法：

<ul>
    <li v-for="item in personList">
        {{item.id}}-{{item.name}}--{{item.age}}
    </li>
</ul>

用vue的 v-for进行数据的遍历，声明式编码

3、使用虚拟DOM+优秀的Diff算法，尽量复用DOM节点

简单来说，提高了复用率，以前存在的dom，现在如果出现同样的，就复用了