1.Vue的介紹 Vue是一套用於構建用戶界面的漸進式框架。 註意：Vue是一個框架，相對於jq庫來說，是由本質的區別的：https://cn.vuejs.org/ Vue不支持IE8及一下版本，因為Vue使用了IE8無法模擬的 ECMAScript 5 特性。但它支持所有相容 ECMAScript ...
1.Vue的介紹
Vue是一套用於構建用戶界面的漸進式框架。
註意：Vue是一個框架，相對於jq庫來說，是由本質的區別的：
Vue不支持IE8及一下版本，因為Vue使用了IE8無法模擬的
<body>
<div id="div">
{{user_name}}
</div>
</body>
<script src="./vue.js"></script>
<script>
var app = new Vue({
el:'#div', // 設置要操作的元素
// 要替換的額數據
data:{
user_name:' holle word'
}
})
</script>
2.模板語法-插值
使用{{}}的形式在HTML中獲取實例對象對象中data的屬性值；這種使用{{}}獲取值得方式，叫做插值或插值表達式；
2.1文本
<body>
<div id="div">
文本插值 {{html_str}}
</div>
</body>
<script>
var app = new Vue({
el:'#div',
data:{
html_str:'<h2>這是文本<h2>'
}
})
</script>
2.2使用JavaScript表達式
<body>
<div id="div" >
{{ tt > 9 ? '大' : '小'}}
{{ dd() }}
</div>
</body>
<script>
var app = new Vue({
el:'#div',
data:{
tt:6,
dd:function(){return 1+2}
}
})
</script>
