javascript - Vue.js 简单脚本不起作用

标签 javascript html data-binding vue.js

我正在尝试运行下面的代码,这可能是 Vue.js 最简单的示例,但它根本不起作用:

<div id="app">
  {{ message }}
</div>
<script>
var app = new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue!'
  }
})
</script>

有什么问题吗?我正在加载<script src="https://unpkg.com/vue@2.1.10/dist/vue.js"></script>在标题中,Chrome 开发工具中没有错误或警告。感谢您的任何提示。

最佳答案

事实证明,Vue.js 和 Flask 使用相同的模板语法(两个 Handlebars {{}})。因此,如果您同时使用它们 - 请查看 https://github.com/yymm/flask-vuejs

关于javascript - Vue.js 简单脚本不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42110859/

相关文章:

javascript - 在 iframe 元素中的 srcdoc 属性中使用链接时,链接相对于什么?

jquery - 如何在 html 中使用冲突?多版本jquery

javascript - 如何激活/停用移动设备上输入字段的预想文本?

c# - CompositeCollection + CollectionContainer : Bind CollectionContainer. 集合到用作 DataTemplates DataType 的 ViewModel 的属性

c# - 如何将复杂对象绑定(bind)到 DataGridView?

javascript - 如何顺序加载图像?

javascript - 链接到其他页面并滚动到部分

javascript - JS 调用() : Unexpected "this" context within function being called

javascript - javascript 中的正则表达式的奇怪工作

wpf - 绑定(bind)到集合元素的属性