1. 搭建开发环境

bestwangyulu

于 2023-12-07 10:37:10 发布

阅读量356

点赞数 7

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/Y_L_Wang/article/details/134848893

版权

Vue学习笔记专栏收录该内容

8 篇文章 0 订阅

订阅专栏

Vue 项目在开发时，有两种引入方式：

通过script 标签引入：

<script src="https://cdn.jsdelivr.net/npm/vue@2.7.14/dist/vue.js"></script>

通过脚手架快速搭建

# 安装脚手架
npm install -g @vue/cli
# 创建项目
vue create hello-world

在基本语法学习阶段，通过第一种方式引入Vue 模块。当引入模块后，会有一个Vue 的构造函数，通过往该构造函数中传入配置对象，实现Vue 的基本功能。

	<body>
		<div id="app">
		</div>
		<script src="https://cdn.jsdelivr.net/npm/vue@2.7.14/dist/vue.js"></script>
		<script>
		// 1. 引入相关js文件后，会有一个全局变量Vue
		// 2. 同传入配置对象创建Vue实例对象，配置对象中`el`用于指定要绑定的模板，可以通过id选择器（“#app”）来指定。
			const vm = new Vue({
				el:"#app"
			})
		</script>
	</body>