html引入Vue.js的方式(在HbuilderX或Hbuilder中)

一、创建项目时引入

1.新建vue项目
创建项目时引入
2.添加代码

<body>
	<div id="app">{{aaa}}</div>
</body>
<script>
	new Vue({
		el:'#app',
		data:{
			aaa:'Hello Vue.js !'
		}
	})
</script>

二、下载官方的vue.min.js文件

1.点击进入官方文件
2.引入vue.min.js文件

<script src="./js/vue.min.js"></script>

3.添加代码

<body>
	<div id="app">{{aaa}}</div>
</body>
<script>
	new Vue({
		el:'#app',
		data:{
			aaa:'Hello Vue.js !'
		}})
</script>
发布了75 篇原创文章 · 获赞 97 · 访问量 11万+

猜你喜欢

转载自blog.csdn.net/baidu_38760069/article/details/104121985