在vue之前本人只是用过angular做过一些东西,具体对于angular也不是很了解。
对于刚进入前端行业不久的新手来说,自己去搭建一个webpack+es6+vue2.X来说可能是很头疼的,但是vue-cli的官方给我们提供了一个脚手架,你只需要根据官方文档一步一步的操做你就会搭建好一个,我前面所说的开发环境。
vue官方脚手架搭建的是一个单页面的应用。
对于vue来说它的开发社区还是很好的,它的UI框架也比较多如果你是开发的pc端项目,你可以应iview,elementui,移动端你可以使用mintui等,对于前后端交互可以用axios,说了这么多了,那么前后端分离首先要解决的就是跨域的问题,如果你是用的vue-cli单间的环境你应该在,config目录下的index.js下面配饰你要访问的地址:
dev: { env: require('./dev.env'), port: 8075, autoOpenBrowser: true, assetsSubDirectory: 'static', assetsPublicPath: '/', proxyTable: { '/api':{ target:'http://10.112.68.79/',/**http://10.122.1.181/portal */ changeOrigin:true, pathRewrite:{ '^/api':'' } } },
然后在main.js里面加上一句vue.prototype.host = "/api"
接下来你在vue里面去发送axios请求的时候应该这样使用:axios.get(this.host+"你要访问的地址").then(res=>{});