任何一门程序语言都是从'Hello World'开始的,下面将会介绍如何用vue.js渲染一个简单的输出
1.定义一个容器,待会我们会对他进行一个渲染
<div id="app">
{{message}}
</div>
<div id="app">
{{message}}
</div>
2.在JS中对其渲染,注意要引用vuejs,在这里我引用的是网络上的资源
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.1.min.js"></script>
<script type="text/javascript" src="https://unpkg.com/vue"></script>
<script type="text/javascript">
var app = new Vue({
el:'#app',
data:{
message:'Hello World!'
}
})
</script>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.1.min.js"></script>
<script type="text/javascript" src="https://unpkg.com/vue"></script>
<script type="text/javascript">
var app = new Vue({
el:'#app',
data:{
message:'Hello World!'
}
})
</script>