vue.js安装后如何使用

npm install vue@next

<script src="https://unpkg.com/vue@next"></script>

const { createApp } = Vue;

const app = createApp({
  // 选项...
});

app.mount('#app');

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

const app = createApp({
  data() {
    return {
      message: 'Hello Vue!'
    }
  },
  methods: {
    greet() {
      alert(this.message);
    }
  }
});

<div id="app">
  <p v-if="isVisible">Now you see me!</p>
  <button @click="toggleVisibility">Toggle</button>
</div>

const app = createApp({
  data() {
    return {
      isVisible: true
    }
  },
  methods: {
    toggleVisibility() {
      this.isVisible = !this.isVisible;
    }
  }
});

const app = createApp({});

app.component('my-component', {
  template: '<div>A custom component!</div>'
});

app.mount('#app');

<div id="app">
  <my-component></my-component>
</div>

npm install -g @vue/cli
vue create my-project
cd my-project
npm run serve # 开发服务器
npm run build # 生产环境构建