您的位置：首页技术文章
文章详情页

javascript - 页面一直显示{{ message }}

浏览：159日期：2023-02-23 15:02:39

问题描述

按照官网的教程，引入<script src='https://unpkg.com/vue/dist/vu...再直接复制官网的代码到本地，如下图javascript - 页面一直显示{{ message }}为什么网页上一直显示{{message}}呢？

javascript - 页面一直显示{{ 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’

javascript - 页面一直显示{{ message }}

javascript - 页面一直显示{{ message }}

回答3：

Vue 的 el 属性是一个 CSS 选择器，而不是一个 id 名称，如下：

var app = new Vue({// 修改目标元素为 #app 这一 CSS 选择器el: ’#app’,data: { message: ’Hello Vue!’} })

标签： JavaScript
上一条：javascript - table组件实现 合并单元格 并且 可分页？下一条：javascript - vuerouter import from 里的@/xxxx 是什么意思
相关文章：
1. dockerfile - [docker build image失败- npm install]2. mysql - 仅仅只是把单引号与反斜杠转义不用prepare statement能否避免sql注入？3. docker-machine添加一个已有的docker主机问题4. javascript - Android 的 webview 中怎么监听 url 的 hash 变化5. 如何解决Centos下Docker服务启动无响应，且输入docker命令无响应？6. html5 - 请问一下写H5的时候 你们都是兼容那些手机7. docker api 开发的端口怎么获取？8. docker 下面创建的IMAGE 他们的 ID 一样？这个是怎么回事？？？？9. macos - mac下docker如何设置代理10. 关于docker下的nginx压力测试
排行榜
mysql - 仅仅只是把单引号与反斜杠转义不用prepare statement能否避免sql注入？
mysql - 仅仅只是把单引号与反斜杠转义不用prepare statement能否避免sql注入？
1. 关于docker下的nginx压力测试
2. docker-machine添加一个已有的docker主机问题
3. docker api 开发的端口怎么获取？
4. html5 - 请问一下写H5的时候 你们都是兼容那些手机
5. dockerfile - [docker build image失败- npm install]
6. javascript - Android 的 webview 中怎么监听 url 的 hash 变化
7. 如何解决Centos下Docker服务启动无响应，且输入docker命令无响应？
8. docker 下面创建的IMAGE 他们的 ID 一样？这个是怎么回事？？？？
9. macos - mac下docker如何设置代理
10. javascript - 获取标签中的字符串
热门标签