Vue,为什么花括号消息数据不显示?

时间:2018-05-23 02:41:23

标签: vue.js

下面是我的HTML,请帮我一看。 第一部分是使用花括号,我想显示数据,但它失败了 第二部分是使用v-text或v-html,它运行正常,为什么? 我怎样才能展示第一个。感谢。

<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script>
</head>
<body>
<div id="app-1">
<p>{{message}}</p>
</div>
<div id="app-2">
<p v-text='message'></p>
</div>
<script type="text/javascript">
const app1 = new Vue({
 el:'#app-1',
 data: {
 message: 'Hello app-1!'
 }
})
const app2 = new Vue({
 el: '#app-2',
 data: {
 message: 'Hello app-2!'
}
})
</script>
</body>
</html>

0 个答案:

没有答案