文章/答案/技术大牛

发布

社区首页 >问答首页 >vue with parcel不能正确渲染

问vue with parcel不能正确渲染
EN

Stack Overflow用户

提问于 2021-01-10 05:46:18

回答 1查看 54关注 0票数 0

下面的简单过程不起作用，尽管我不明白为什么……使用: npm vue包

mkdir samat
cd samat
npm init -y
npm install vue --save

package.json

{
  "name": "samat",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "dependencies": {
    "vue": "^2.6.12"
  }
}

然后创建index.html和index.js

<!DOCTYPE html>
<html>

<head>
    <script src="./index.js"></script>
</head>

<body>
    <div id="app">
        {{ message }}
    </div>
</body>

</html>

import Vue from 'vue'

var app = new Vue({
    el: '#app',
    data: {
      message: 'Hello Vue!'
    }
  })

最后，我运行parcel index.html，然后查看localhost:1234，但在浏览器中只能看到以下内容：

{{message}}

vue.js

parcel

回答 1

Stack Overflow用户

发布于 2021-01-22 12:45:07

要使用DOM中的模板(即<div id="app>{{ message }}</div>)，请导入包含运行时模板编译器的Vue的完整版本：

// import Vue from 'vue'
import Vue from 'vue/dist/vue.esm.browser' // full build

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/65647929

复制

相似问题

问vue with parcel不能正确渲染
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问vue with parcel不能正确渲染EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问vue with parcel不能正确渲染
EN