Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
419 views
in Technique[技术] by (71.8m points)

vue.js - vue with parcel does not render correctly

The simple process below does not work, though I do not understand why ... using : npm vue parcel

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"
  }
}

Then I create index.html and 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!'
    }
  })

Finally, I run parcel index.html, and then look at localhost:1234 but see only this in the browser:

{{message}}
question from:https://stackoverflow.com/questions/65647929/vue-with-parcel-does-not-render-correctly

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Reply

0 votes
by (71.8m points)

To use in-DOM templates (i.e., the <div id="app>{{ message }}</div>), import the full build of Vue that includes the runtime template compiler:

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

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
OGeek|极客中国-欢迎来到极客的世界,一个免费开放的程序员编程交流平台!开放,进步,分享!让技术改变生活,让极客改变未来! Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...