文章详情页
javascript - 页面一直显示{{ message }}
浏览：67日期：2023-02-23 15:02:39
问题描述
按照官网的教程，引入<script src='https://unpkg.com/vue/dist/vu...再直接复制官网的代码到本地，如下图为什么网页上一直显示{{message}}呢？
附上代码：
<!DOCTYPE html><html><head> <meta charset='utf-8' /> <title>test</title> <script type='text/javascript' src='https://unpkg.com/vue/dist/vue.js'></script></head><body><p id='app'> {{ message }}</p><script type='text/javascript'> var app = new Vue({el: ’app’,data: { message: ’Hello Vue!’} })</script></body></html>
问题解答
回答1：你没发现第一个script少了个引号吗？？
回答2：el: ’app’ 改为 el: ’#app’
Vue 的 el 属性是一个 CSS 选择器，而不是一个 id 名称，如下：
var app = new Vue({// 修改目标元素为 #app 这一 CSS 选择器el: ’#app’,data: { message: ’Hello Vue!’} })
标签：
JavaScript
相关文章：
1. PHP单例模式2. PHP中的$this代表当前的类还是方法？3. win下面的cmder中的vim . 中文乱码. 试了百度上的各种解决方式.. 还是没弄好4. javascript - H5页面无缝轮播5. eclipse - 使用velocity时报java.lang.NoClassDefFoundError，是否少了什么包？6. javascript - 有没有iOS微信中可以在背景播放视频的方法?7. node.js - 为什么微信的消息MsgId出现重复了，无法排重了。。8. javascript - 在nodejs或者JS中怎么计算图片的MD5哈希值9. 前端 - CSS 真的有复用性和扩展性可言吗？我感觉我已经完全不会写代码了.....10. angular.js - 请问为什么我的html显示的是{{greeting.text}},Angular而不是Hello,Angular
排行榜
网公网安备