如何引入Vue.js？

Vue.js 是常用构建用户界面的渐进式框架，由于简单易学，功能强大受到许多开发者的喜爱。那么在前端页面中，我们如何引入Vue.js呢？这篇文章告诉你。

首先我们需要新建一个 HTML 文件，在 <head></head> 中引入用 <script></script> 标签引入 Vue.js。Vue.js 的文件地址为：https://vuejs.org/js/vue.js

如下：

<script src="https://unpkg.com/vue/dist/vue.js"></script>

此时，我们就可以编写一个简单的 vue 代码了。

如：

<body>
	<div id="app">
		{{message}}
	</div>
	<script>
	var app=new Vue({
	el:'#app',
	data:{
	message:'hello vue'
}
})</script>
</body>

在未引用 Vue.js 文件时，页面输出为{{message}}，而引用 Vue.js 文件后，此段代码输出为 hello vue。

vue 框架是一个功能强大的前端框架，Vue.js 的引入只是它的第一步，更多好用的功能值得我们继续学习。以上就是如何 Vue.js 的全部内容，更多 Vue.js 学习请关注 w3cschool 官网。

推荐课程：vue.js2.0教程、 vue2.0进阶学习

声明：小猿资源站是一个资源分享和技术交流平台，本站所发布的一切破解补丁、注册机和注册信息及软件的解密分析文章仅限用于学习和研究目的；不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负。本站信息来自网络，版权争议与本站无关。您必须在下载后的24个小时之内，从您的电脑中彻底删除上述内容。如果您喜欢该程序，请支持正版软件，购买注册，得到更好的正版服务。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。

相关文章