Vue.js 在哪里？

Posted 2023-02-22

【中文标题】Vue.js 在哪里？

【英文标题】：Vue.js is where side?

【发布时间】：2018-05-07 09:12:37

【问题描述】：

我学了一小时看视频（YouTube : 一小时 vue.js）

但我不明白这是什么语言！

我用Node.js和Jquery开发了一些网站....Mongodb

我认为 Web 应用程序需要两个部分，例如（apache、mysql、Node.js....等）

但 Vue.js 真的很奇怪，因为 vue.js 只是一方面，但提供 web 只需键入 'npm strat'

我不明白这个......

如果我想查找数据库的一些数据如何获取这些数据？

有没有像使用 Ajax 这样的唯一方法？？

我应该只使用方法与服务器通信吗？

只有这种方式吗？

我不能在 vue.js 中使用与 ejs 相同的语法吗？

 created : function()
        this.$http.get('https://jsonplaceholder.typicode.com/users')
        .then(function(res)
            this.users = res.data;
        );

【参考方案1】：

Vue.js 是一个前端 javascript 框架。大多数情况下，它将与 jQuery 处于同一“端”（jQuery 可以在 NodeJS 应用程序的服务器端使用）。

您可以在 Vue.js 中使用 Ajax，但 Vue.js 并未与开箱即用的 http 客户端捆绑在一起。所以你不能马上使用this.$http。如果你在 Laravel 中使用 Vue.js，你可以使用 axios 来做查询。

axios.get('/my-endpoint')
   .then(response => this.data = response.data);

如果你真的想使用this.$http 语法，你可以这样做：

import Vue from 'vue';
import MyHttpClient from 'custom-http-client';

Vue.$http = MyHttpClient;

然后，您将可以访问所有 Vue 组件中的 MyHttpClient。虽然我建议使用Vue Plugin system 这样做。

如果你更舒服，你可以使用 jQuery 的 http 客户端

import $ from jquery;

[...]

$.get('/my-endpoint', function (response)  ... )

您可以在 Vue.js 中使用 es6 语法，但您需要使用 babel 转译器或任何其他转译器编译您的 Vue.js 应用程序。

对于npm start 部分，我假设您正在使用 vue-cli 并且您构建了一个 webpack 应用程序。如果是这样，那么您就启动了本地开发服务器。 Webpack 包含一个服务器，因此您可以在本地对组件进行编码。

使用 webpack 本地服务器不会为您提供完整的后端。您可能希望将任何 php、Python、Ruby、NodeJS 或任何其他后端框架与数据库一起使用。希望这可以帮助您弄清楚 Vue.js 是什么。