一、Vue基础（1）

最新推荐文章于 2024-01-30 10:52:19 发布

Sean_me

最新推荐文章于 2024-01-30 10:52:19 发布

阅读量119

点赞数

分类专栏： Vue

本文链接：https://blog.csdn.net/easy_bird/article/details/118769177

版权

Vue 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

1、Vue的三个特点：

JavaScript框架
简化Dom操作
响应式数据驱动

2、第一个Vue程序

Vue官方文档

1、导包

可以先创建一个 .html文件，然后通过如下方式引入 Vue：

<!-- 开发环境版本，包含了有帮助的命令行警告 -->
<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>

或者：

<!-- 生产环境版本，优化了尺寸和速度 -->
<script src="https://cdn.jsdelivr.net/npm/vue@2"></script>

2、第一个Vue程序

第一步：创建一个html文件

第二步：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		
	</head>
	<body>
		<div id="app">
			{{ message }}
		</div>
		<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
		<script>
			var app = new Vue({
				el:'#app',
				data:{
					message:"Hello Vue!"
				}
			});
		</script>
	</body>
</html>

浏览器效果：

优惠劵

Sean_me

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
一、Vue基础（1）

1、Vue的三个特点：JavaScript框架简化Dom操作响应式数据驱动2、第一个Vue程序Vue官方文档1、导包可以先创建一个 .html文件，然后通过如下方式引入 Vue：<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>或者：<!-- 生产环境版本，优...
复制链接

扫一扫