Vue2起步

1/20/2021 Vue2

摘要

这是Vue2的简要概述

# VUE是什么?

Vue 是一套用于构建用户界面的渐进式js框架

前端工程师的职责:在合适的时候发出合适的请求,在把数据展示在合适的位置

Vue可以自底向上逐层的应用

简单应用:只需一个轻量小巧的核心库

复杂应用:可以引入各种Vue插件

# Vue的特点:

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

2、声明式编码(相比较于命令式编码),让编码人员无需直接操作DOM,提高开发效率

//以下是命令式编码
//准备html字符串
let htmlStr = "";

//遍历数据拼接html字符串
persons.foreach( p =>{
    htmlStr += '<li>${p.id} - ${p.name} - ${p.name} - ${p.age}</li>'
});

//获取list元素
let list = document.getElementById('list');

//修改内容(亲自操作DOM)
list.innerHTML = htmlStr;
1
2
3
4
5
6
7
8
9
10
11
12
13
14
//以下是声明式编码
<ul id = "list">
    <li v-for = "p in persons">
        {{p.id}}
    </li>
</ul>
1
2
3
4
5
6
Last Updated: 11/30/2022, 9:05:57 AM
夜空中最亮的星
逃跑计划