//for development
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script>
//for production
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.14"></script>
//vue 3 https://vuejs.org/guide/quick-start.html#without-build-tools
<script src="https://unpkg.com/vue@3"></script>
<script src="https://unpkg.com/vue@3"></script><script src="https://cdn.jsdelivr.net/npm/vue@2.6.12/dist/vue.js"></script><script src="https://unpkg.com/vue@next"></script>
1// If you are using this CDN version, it will be updated automatically
<!-- CDN VueJS 3 -->
<script src="https://unpkg.com/vue@next"></script>
// You are running a development build of Vue.
// Make sure to use the production build (*.prod.js) when deploying for production.
// this message will appear only in your browser console on development mode<script src="https://unpkg.com/vue/dist/vue.js"></script><script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.min.js"></script>
<script src="https://unpkg.com/vue@2.6.14/dist/vue.min.js"></script><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<script src="https://unpkg.com/vue@next"></script>
</head>
<body>
<div id="app">
<h1>Vue3</h1>
<h2>{{name}}</h2>
</div>
<script>
const { ref, createApp } = Vue;
createApp({
setup() {
const name = ref("Sophea");
return {
name,
};
},
}).mount("#app");
</script>
</body>
</html>
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script><script src="https://unpkg.com/vue@3">