Advertisement

学习 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)

还没有任何评论哟~