vue基础，实现第一个vue

开心粉

于 2022-04-07 09:45:40 发布

阅读量500

点赞数

分类专栏： vue 文章标签： vue

本文链接：https://blog.csdn.net/qq_43819817/article/details/124006217

版权

vue 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

第一个Vue程序
1、导入开发版本的Vue.js
2、创建Vue实例对象，设置el属性和data属性
3、使用简洁的模版语法把数据渲染到页面上

在html文件里写代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Vue基础</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',
			  // #是id选择器
			  data: {
			    message: '第一次实现Vue传递参数!'
			  }
			})
		</script>
	</body>
</html>