Vue.js在哪边?

时间:2017-11-23 11:51:42

标签: javascript node.js vue.js ejs

我花了一个小时观看视频(YouTube:一小时vue.js)

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

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

我认为Web应用程序需要两个部分,如(apache,Mysql,Node.js ....等)

但是Vue.js真的很奇怪,因为vue.js只是一边但只提供网页输入'npm strat'

我不明白......

如果我想找到数据库的一些数据如何获取这些?

是否有使用Ajax的唯一方法?

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

只有这样吗?

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

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

1 个答案:

答案 0 :(得分:2)

Vue.js是一个前端的javascript框架。它将在同一个" side"大多数时候都是jQuery(jQuery可以在NodeJS应用程序的服务器端使用)。

您可以在Vue.js中使用Ajax,但Vue.js不会与开箱即用的http客户端捆绑在一起。所以你不能马上使用this.$http。如果您将Vue.js与Laravel一起使用,则可以使用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 transpiler或其他任何其他转换器编译您的Vue.js应用程序。

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

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