第一个vue页面

第一步:导入vue.js文件 

<script src="https://cdn.staticfile.org/vue/2.3.0/vue.js"></script>

  也可以下载vue.js文件:将上面的地址复制到地址栏打开然后另存为就可以了

 

导入完js文件后,我们就可以来编写第一个vue了

 

		<div id="test">
			{{title}}
		</div>
		<script>
			var app = new Vue({
				//元素element
				//控制元素
				el:'#test',
				data:{
					title:'嘿嘿嘿',
				},
			});
			
		</script>

<div> 里面的id 对应的就是 new Vue()里面的el的值, data是用来绑定数据的,el里面data里面的值只能在对应的id块中显示,不然会报没定义的错误

最后的效果图

posted @ 2019-04-09 09:48  丶木木丶丶  阅读(874)  评论(0)    收藏  举报