Javascript
<div id="app">
</div>
<script>
var app=document.querySelector("#app");
app.innerHTML = "hello javascript";
//输出为hello javascript
</script>
jQuery
<div id="app">
</div>
<script>
$(function (){
$("#app").text("hello jquery")
});
//输出为hello jquery
</script>
Vue
<div id="app">
{{text}}
</div>
<script>
var app = new Vue({
el: '#app',//选中id为app的元素
data: {
text:'hello Vue'
}
});
//输出为hello Vue
</script>
vue可以实现追加
<div id="app">
{{text}},{{message}}。
</div>
<script>
var app = new Vue({
el: '#app',
data: {
text:'hello Vue'
message:'今天我学习了vue' //可写多个
}
});
//输出为hello Vue,今天我学习了vue
</script>