初识Vue

菜鸟小小晨

已于 2022-06-09 14:28:46 修改

阅读量97

点赞数

分类专栏： Vue 文章标签： vue.js 前端 javascript

于 2022-06-09 13:48:50 首次发布

本文链接：https://blog.csdn.net/qq_52387931/article/details/125201487

版权

Vue 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

Vue官网

Vue

一、入门

在这里插入图片描述

二、安装Vue Devtools

百度网盘
提取码：fb7k
在这里插入图片描述
下载好后找到文件位置

打开设置

三、下载vue.js

在这里插入图片描述

四、第一个Vue实例

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>初始vue</title>
		<!-- 引入Vue -->
		<script type="text/javascript" src="../js/vue.js"></script>
	</head>
	<body>
		<div id="root">
			<h1>Hello,{{name}}</h1>
		</div>
		<script>
			Vue.config.productionTip = false//阻止显示生产模式的消息

			//创建Vue实例
			const x = new Vue({
				el:'#root', //用于指定当前Vue实例为哪个容器服务，值通常为css选择器字符串。
				data:{//用于存储数据，供el所指的容器使用
					name:'World',
				}
			})
		</script>
	</body>
</html>