Vue.js入门之环境引入(适用任何编辑器)

最新推荐文章于 2024-07-18 18:06:55 发布

CreatorRay

最新推荐文章于 2024-07-18 18:06:55 发布

阅读量270

点赞数

文章标签： vue javascript vue.js

本文链接：https://blog.csdn.net/m0_46171043/article/details/107947256

版权

Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式JavaScript框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，方便与第三方库或既有项目整合。
作为一个前端，Vue是必须要掌握的框架，作为一个框架，引入并调试环境是入门的第一步。
作为初学者每个人用的编辑器可能都不一样，工作后可能会统一一些，所以今天我为大家讲解的是通用办法，适用任何编辑器。
过程很简单无脑，我们只需要去官网下载一个js文件即可
https://cn.vuejs.org/v2/guide/installation.html
在这里插入图片描述
下载到本地之后，直接挪到编辑器的你打算用于开发Vue的文件夹中即可。

然后我们新建一个html测试一下。
我们只需要在顶部添加一个script标签引入我们下载的js文件。
测试代码如下：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript" src="vue.min.js"></script>
	</head>
	<body>
		<div id="app">
			{{message}}
		</div>
		
		<script type="text/javascript">
			var app=new Vue({
				el:'#app',
				data:{
					message:'Hello World!'
				}
			});
		</script>
	</body>
</html>

结果如下：
在这里插入图片描述
测试成功。
引入Vue还有CDN和NPM等方法，对于一个初学者来说下载这个js文件是最简单有效的。
有什么问题可以联系QQ：505417246
关注下面微信公众号，可以领取微信小程序、Vue、TypeScript、前端、uni-app、全栈、Nodejs等实战学习资料
在这里插入图片描述

CreatorRay

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
Vue.js入门之环境引入(适用任何编辑器)

Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式JavaScript框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，方便与第三方库或既有项目整合。作为一个前端，Vue是必须要掌握的框架，作为一个框架，引入并调试环境是入门的第一步。作为初学者每个人用的编辑器可能都不一样，工作后可能会统一一些，所以今天我为大家讲解的是通用办法，适用任何编辑器。过程很简单无脑，我们只需要去官网下载一个js文件即可https://cn.vue
复制链接

扫一扫