gpt4 book ai didi

javascript - 使用 Node.js 运行 vue js 单页应用程序的最简单和简约的方式。 (无 CDN)

转载 作者:行者123 更新时间:2023-11-30 14:13:46 29 4
gpt4 key购买 nike

我正在尝试学习 vue 如何在没有任何其他库的情况下工作,除非那些是必要的。有没有办法在没有 web pack 或 vue-cli 的情况下创建一个简单的 vue js 应用程序(最准系统)?因为我还不清楚这些包。

到目前为止,虽然我可以将它嵌入到 HTML 中;然而,Node 不运行 HTML 文件,只运行 JavaScript 文件。

<html>
<head>

</head>
<body>

<div id="container">
<input type="text" id="container" placeholder="enter text" v-model="value">
<p>{{ value }}</p>
</div>


<script>
var Vue = require('vue');


new Vue({
el: '#container',
data: {
value: '',
},
});

</script>

</body>
</html>

最佳答案

看看:https://v2.vuejs.org/v2/guide/installation.html

你只需要有 vue.js仅在脚本中。

例如:将其添加到您的 head标签 <script src="https://cdn.jsdelivr.net/npm/vue@2.5.21/dist/vue.js"></script>

如果你不想使用CDNs下载vue.js并将其放入您的网络应用程序中。

https://v2.vuejs.org/v2/guide/installation.html#Explanation-of-Different-Builds 有很好的解释这可能对您有更多帮助。

另请查看 https://v2.vuejs.org/v2/examples/ .

关于javascript - 使用 Node.js 运行 vue js 单页应用程序的最简单和简约的方式。 (无 CDN),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53927370/

29 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com