我正在尝试学习 Vue.js 以工作,但我的语法似乎不太好,但我对创建一个整体元素有疑问。
到目前为止,要创建元素,我必须使用 npm 来创建元素(或启动 ui,然后从那里开始)。
但我想知道如何在不始终通过命令提示符运行服务以在我的浏览器中呈现它的情况下包含 Vue。例如,如果我正在使用 html、css 和一些 javascript 创建网站前端,我能否以某种方式将 Vue 导入其中并使用它?
我假设是这样的:
<script src="https://unpkg.com/vue-multiselect@2.1.0"></script>
最佳答案
我认为此链接会对您有所帮助。
https://v2.vuejs.org/v2/guide/#Getting-Started
一个小例子。
HTML 文件。
<!DOCTYPE html>
<html>
<head>
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.21/dist/vue.js"></script>
</head>
<body>
<div id="app">
<p>{{ message }}</p>
</div>
<script src="index.js"></script>
</body>
</html>
纯js文件。
new Vue({
el: '#app',
data: {
message: 'Hello Vue.js!'
}
})
但是如果你有这样一个 .vue 文件:
<template>
<!- ... ->
</template>
<script>
// ...
</script>
您没有选择,您需要运行脚本npm run serve
或yarn serve
来编译.vue 文件放入有效的 javascript 文件中。
关于javascript - 在独立元素中使用 Vue.js,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54189053/