1.vue是是什么?
用于构建用户界面的渐进式JavaScript框架。
vue关注你把数据给我以后,我怎么把它变成界面
渐进式:从一个轻量小巧的核心库逐渐递进到各式各样的vue插件
2.一个.vue组件包括.html、.css、.js三个文件
3.Vue是声明式编码
命令式编码(即说一下动一下,下面四个步骤一个不能少)
// 1.准备Html字符串
let htmlStr=''
// 2.遍历拼接html字符串
persons.forEach(p => {
htmlStr+=`<li>${p.id}-${p.name}-${p.age}</li>`
});
// 3.获取list元素
let list=document.getElementById('list')
// 4.修改内容(亲自操作DOM)
list.innerHTML=htmlStr
声明式编码
<ul id="list">
<li v-for="p in persons">
{{p.id}}-{{p.name}}-{{p.age}}
</li>
</ul>