第一个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块中显示,不然会报没定义的错误
最后的效果图


浙公网安备 33010602011771号