<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="http://cdnjs.cloudflare.com/ajax/libs/vue/1.0.26/vue.min.js"></script>
<!-- 2.4.2版失效 -->
</head>
<body>
{{ 5 + 5 }}
<script type="text/javascript">
new Vue({
el:'body'
});
</script>
</body>
</html><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="http://cdnjs.cloudflare.com/ajax/libs/vue/1.0.26/vue.min.js"></script>
<!-- 2.4.2版失效 -->
</head>
<body>
{{message}} <br>
{{{message}}} <br>
<script type="text/javascript">
var data={message:'hello<br>world'};
// ViewModel
var vm = new Vue({
el: 'body',
data:data
});
</script>
</body>
</html>兩個輸出文字，三個輸出html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="http://cdnjs.cloudflare.com/ajax/libs/vue/1.0.26/vue.min.js"></script>
<!-- <script src="http://cdnjs.cloudflare.com/ajax/libs/vue/2.4.2/vue.min.js"></script> -->
<!-- 2.4.2版失效 -->
</head>
<body>
{{$data}} <br>
{{$data | json}} <br>
<script type="text/javascript">
var data={message:'hello<br>world'};
// ViewModel
var vm = new Vue({
el: 'body',
data:data
});
</script>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="http://cdnjs.cloudflare.com/ajax/libs/vue/1.0.26/vue.min.js"></script>
<!-- <script src="http://cdnjs.cloudflare.com/ajax/libs/vue/2.4.2/vue.min.js"></script> -->
<!-- 2.4.2版失效 -->
</head>
<body>
{{count + 5 }} <br>
{{pass ? 'yes' : 'no' }} <br>
<script type="text/javascript">
// ViewModel
var vm = new Vue({
el: 'body',
data:{
count:4,
pass:true
}
});
</script>
</body>
</html>
全站熱搜
留言列表
伺服器架設 (1)
