学习 Vue
发布时间
阅读量:
阅读量
Vue基础
vue特点
- 通过组件化架构实现代码模块化设计,在降低重复率的同时提升了可维护性
- 声明型编码风格显著提升了开发效率,并简化了对DOM对象的操作流程
- 基于虚拟DOM的优化方案最大限度地利用了DOM节点资源
声明式编码和命令式编码对比
命令式编码
// 准备html字符串
let htmlStr = ''
// 遍历数据拼接html字符串
person.forEach(p => {
htmlStr += `<li>${p.id} - ${p.name} - ${p.age}<li>`
});
// 获取list元素
let list = document.getElementById('list')
// 修改内容(亲自操作DOM)
list.innerHTML = htmlStr
声明式编码
<ul id="list">
<li v-for="p in person">
{{p.id}}--{{p.name}}--{{p.age}}
</li>
</ul>
一、引入vue
[Vue 官网](https://cn.vuejs.
全部评论 (0)
还没有任何评论哟~
