首页vue2和vue3安装

vue2和vue3安装

时间: 2023-07-05 11:32:54 浏览: 78

安装Vue.js有多种方式，以下是两种常用的方式： 1. 使用CDN引入可以在HTML文件中使用CDN引入Vue.js，具体步骤如下： Vue 2.x： ``` <!DOCTYPE html> <html> <head> <title>Vue.js CDN Example</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> </head> <body> <div id="app"> <p>{{ message }}</p> </div> <script> var app = new Vue({ el: '#app', data: { message: 'Hello Vue!' } }) </script> </body> </html> ``` Vue 3.x： ``` <!DOCTYPE html> <html> <head> <title>Vue.js CDN Example</title> <script src="https://unpkg.com/vue@next"></script> </head> <body> <div id="app"> <p>{{ message }}</p> </div> <script> const app = Vue.createApp({ data() { return { message: 'Hello Vue!' } } }) app.mount('#app') </script> </body> </html> ``` 2. 使用npm安装可以使用npm安装Vue.js，并在项目中使用。具体步骤如下： Vue 2.x： ``` npm install vue ``` 在项目中使用： ``` import Vue from 'vue' new Vue({ el: '#app', data: { message: 'Hello Vue!' } }) ``` Vue 3.x： ``` npm install vue@next ``` 在项目中使用： ``` import { createApp } from 'vue' const app = createApp({ data() { return { message: 'Hello Vue!' } } }) app.mount('#app') ```

阅读全文