我花了一个小时观看视频(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;
});
答案 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是什么。