javascript - 在独立元素中使用 Vue.js

标签 javascript html css vue.js

我正在尝试学习 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 serveyarn serve 来编译.vue 文件放入有效的 javascript 文件中。

关于javascript - 在独立元素中使用 Vue.js,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54189053/

相关文章:

html - 如何从网页在 FileZilla 中执行/打开 FTP/SFTP 站点?

jquery - 更改选择框样式

javascript - 使用 setState 更改对象数组中的多个值 -- ReactJS

javascript - 提取部分 JSON 对象结果

javascript - 我想在 HTML 元素中显示函数的返回值,但返回值是 NAN

jquery - 删除下拉菜单之间的间距

html - 如何清除 flexbox 元素?

javascript - Highcharts - 如何在重叠内容时强制 dataLabels 显示标签

javascript - 即使 If block 为 true,JavaScript 程序的 Else block 也始终执行

javascript - 使用javascript获取div元素的值并将其放入数组中