在独立项目中使用 Vue.js

Question

I am trying to learn Vue.js for work, and I seem to have the syntax down, but I have a question about creating an overall project.我正在尝试学习 Vue.js 以供工作，我的语法似乎有所下降，但我有一个关于创建整体项目的问题。

So far, to create a project, I have had to use npm to create the project (or start the ui, and do it from there).到目前为止，要创建一个项目，我必须使用 npm 来创建项目（或启动 ui，然后从那里开始）。

But I am wondering how I can include Vue without always running serve via command prompt to render it in my browser.但我想知道如何在不总是通过命令提示符运行服务的情况下包含 Vue 以在我的浏览器中呈现它。 For example, if I am creating a website front end with html, css, and some javascript, can I somehow import Vue to that and use it?例如，如果我正在使用 html、css 和一些 javascript 创建网站前端，我可以以某种方式将 Vue 导入并使用它吗？

I assume with something like this:我假设这样的事情：

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

Answer 1

I think this link will help you.我认为这个链接会对你有所帮助。

https://v2.vuejs.org/v2/guide/#Getting-Started https://v2.vuejs.org/v2/guide/#Getting-Started

A little exemple.一个小例子。

Html file. 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>

Pure js file.纯js文件。

new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue.js!'
  }
})

But if you have a .vue files like this:但是如果你有这样的.vue文件：

<template>
  <!- ... ->
</template>
<script>
  // ...
</script>

You don't have the choice, you need to run the script npm run serve or yarn serve for compiling the .vue file into a valid javascript file.您别无选择，您需要运行脚本npm run serve或yarn serve来将.vue文件编译成有效的 javascript 文件。

在独立项目中使用 Vue.js

问题描述

1 个解决方案

解决方案1
4 已采纳 2019-01-14 21:20:09

A little exemple.一个小例子。

Html file. html 文件。

Pure js file.纯js文件。

在独立项目中使用 Vue.js

问题描述

1 个解决方案

解决方案1 4 已采纳 2019-01-14 21:20:09

A little exemple.一个小例子。

Html file. html 文件。

Pure js file.纯js文件。

解决方案1
4 已采纳 2019-01-14 21:20:09