vue特点
- 组件化:用户界面分解为可重用的组件,这些组件可以使开发的页面更加模块化和可维护=
- 双向数据绑定:vue提供了一种轻松绑定数据和DOM元素之间的机制,意味着数据发送变化时,视图会自动更新,反之亦然
- 虚拟DOM:vue使用虚拟DOM来最小化实际DOM更新的次数,从而提高性能
认知
在前端开发中,如果你要使用Vue框架你也需要进行框架的引入相关Vue依赖,在前端用于管理依赖的工具并没有像后端一样采用Maven来进行管理,而是引入了一个新的工具 --- 脚手架(也可以将脚手架直观地理解为maven)
因此,为了快速构建Vue项目,我们可以选择脚手架工具Vue CLI来创建vue项目。如果不想这么麻烦,还可以采用如下的方式来快速使用Vue:
使用CDN引入 在HTML文件中添加以下配置
//使用CDN引入 在HTML文件中添加以下配置
<!-- 开发版本,包含带有警告的调试模式 -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
本地加载引入
//本地加载引入
将vue.js下载到本地,然后通过<script>引入
vue的基础使用
如下代码展示了开发者该如何快速构建一个vue项目
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X