快速上手 Vue.js
...小于 1 分钟
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.Hope 不推荐 新手直接使用 vite
或者 webpack
之类的 Bundler 进行上手,尤其是在您不熟悉基于 Node.js 的构建工具的情况下。
请使用 CDN 的方式引入 Vue,并充分熟悉 Vue 的基础知识后再引入 Bundler。
Powered by Waline v3.3.0