Question

我正在尝试学习Vue.js的工作方式，并且语法似乎有所下降，但是我对创建一个整体项目有疑问。

到目前为止，要创建一个项目，我不得不使用npm来创建项目（或者启动ui，然后从那里开始）。

但是我想知道如何在不始终通过命令提示符运行Serv使其在浏览器中呈现的情况下包含Vue。例如，如果我用html，css和一些javascript创建网站前端，我可以以某种方式导入Vue并使用它吗？

我认为是这样的：

<script src="https://unpkg.com/vue-multiselect@2.1.0"></script>

Answer 1

我认为此链接将为您提供帮助。

https://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文件。

在独立项目中使用Vue.js

1 个答案:

一个小例子。