跳至主要內容

快速上手 Vue.js

Mr.Song2023年2月26日...小于 1 分钟Vue快速上手基础

Vue.js 是什么

起步

提示

您应当已了解关于 HTML、CSS 和 JavaScript 的中级知识。

安装

尝试 Vue.js 最简单的方法是使用 SFC Playground。您可以在浏览器新标签页中打开它,跟着例子自己进行一些尝试。

当然,由于大多数浏览器都支持 ES Module,你可以直接导入 Vue:

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

<script type="module">
  import {
    createApp,
    ref,
  } from "https://unpkg.com/vue@3/dist/vue.esm-browser.js";

  createApp({
    setup() {
      const message = ref("Hello Vue!");

      return {
        message,
      };
    },
  }).mount("#app");
</script>

注意

vue-cli 已经过时,不建议在新项目中使用,请使用 vite

注意

Mr.Song 不推荐 新手直接使用 vite 或者 webpack 之类的 Bundler 进行上手,尤其是在您不熟悉基于 Node.js 的构建工具的情况下。

请使用 CDN 的方式引入 Vue,并充分熟悉 Vue 的基础知识后再引入 Bundler。

评论
  • 按正序
  • 按倒序
  • 按热度
Powered by Waline v3.3.2
温馨提示
🚀热烈欢迎各位小伙伴🚀

Your primary language is en-US, do you want to switch to it?

您的首选语言是 en-US,是否切换到该语言?