在独立项目中使用Vue.js

勃艮第

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

到目前为止,要创建项目,我必须使用npm来创建项目(或启动ui,然后从那里开始)。

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

我假设是这样的:

<script src="https://unpkg.com/[email protected]"></script>
威廉·拉波因特

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

https://vuejs.org/v2/guide/#入门

一个小例子。

HTML文件。
<!DOCTYPE html>
<html>
  <head>
    <script src="https://cdn.jsdelivr.net/npm/[email protected]/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文件。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

在独立项目中使用Blender中的mathutils模块

如何在Vue项目中使用Chance js?

如何在Vue.js2项目中使用datatables.js?

使用Webpack在vue.js项目中使用('@')登录路径进行ES6导入

如何在非Spa项目中使用vue.js?

在 .net core (2.1) 项目中使用 Vue js 的最佳方法是什么

如何在同一Vue.js项目中使用Realtime Database和Firestore

如何在 Vue.js cli 项目中使用外部 Javascript 库?

如何在 Vue.Js 项目中使用交易视图图表小部件?

在单独的JS项目中使用Phoenix的`Socket` JS模块

无法在基于 jest 和 vue-test-utils 的测试项目中使用 vue.js 的 ES6 模块

如何在项目中使用 index.js?

在nrwl / nx Next js项目中使用Tailwind CSS

如何在TypeScript项目中使用js-cookie?

在Angular JS项目中使用jQuery是好的做法吗?

在 extjs 项目中使用 Moment.js

在React项目中使用JS和TS

如何在Vue js项目中使用'a'标签重定向到另一个域上的页面?

如何在React.js项目中使用rainyday.js?

无法在Vue JS中使用v模型添加新项目

使用Cloud Foundry在Ruby项目中使用新版本的Node.js

如何在Node.js和TypeScript项目中使用URLSearchParams

我无法在我的sails.js项目中使用populate()

如何在solid.js 项目中使用Web 组件?

如何在原始HTML / CSS / JS项目中使用NPM包?

在快速项目中使用wallaby.js时避免EADDRINUSE

在Node.js项目中使用es6类的正确方法

在我的angular 2项目中使用外部JS库

在Ember CLI项目中使用Broccoli JS移动整个文件夹