vue.js code is not working in django project

Question

below is my code by using vue.js I have written thee code and here my problem is while i am running this code in notepad++ it is working fine but while i am working with django project at pycharm it is not giving any output. As you can I have interpolated message, so its is giving me the output at notepad++ but not in pycharm with django project if anyone have an idea about this please help me struggling a lot for this

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>

<div id="app">
<% message %>
</div>
<script src="https://cdn.jsdelivr.net/npm/vue"></script>

<script>
var app = new Vue({
el: '#app',
data: {
message: 'Hello world!',
delimiters: ["<%","%>"]
}
});

</script>
</body>
</html>

ASAD ALI · Accepted Answer · 2021-01-22 12:05:17Z

1

delimiters shouldn't be inside data

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>

<div id="app">
<% message %>
</div>
<script src="https://cdn.jsdelivr.net/npm/vue"></script>

<script>
var app = new Vue({
el: '#app',
data: {
message: 'Hello world!',
},
delimiters: ["<%","%>"]
});

</script>
</body>
</html>

answered Jan 22, 2021 at 12:05

ASAD ALI

874 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

sonu Over a year ago

You are running Vue in development mode. Make sure to turn on production mode when deploying for production. See more tips at vuejs.org/guide/deployment.html i am facing this error while i am running the code

ASAD ALI Over a year ago

@sonu wait that's must not be an error that's must be a notification though but still if you want to disable that you can just add this line at the end of the script Vue.config.productionTip = false

Collectives™ on Stack Overflow

vue.js code is not working in django project

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related