soos的博客

vue请求后端数据

参考：vue-cli项目开发/生产环境代理实现跨域请求+webpack配置开发/生产环境的接口地址

一、路径问题1、脚手架+webpack打包通过npm run build，但是后台tomcat部署上线的时候，会衍生出一些问题，比如，路径问题（因为在项目中，我们使用了绝对路径，这里必须要使用相对路径，但是打包后还是会报错，说是找不到assets文件夹下的各种资源，包括images,css,js,是因为，在当初在全局引用的时候写在了index.html中，安全起见，可以写在app.vue中）；2、...

一、axios是Vue官方推荐的一个ajax插件，用于请求后的传递过来的数据。1、安装方式：npm install axios -S2、在所需要使用axios的文件中引入axios, import axios from 'axios'3、通过axios请求后端数据，具体代码如下： axios.get('http://hn.algolia.com/api/v1/search_by_date',{ ...

1、computed计算属性将被混入到 Vue 实例中。所有 getter 和 setter 的 this 上下文自动地绑定为 Vue 实例，在HTML DOM加载后马上执行的，如赋值,它是依赖缓存的，当相关依赖发生变化时才会重新取值。2、methods 将被混入到 Vue 实例中。可以直接通过 VM 实例访问这些方法，或者在指令表达式中使用。方法中的 this 自动绑定为 Vue 实例，必须

一、sass/scsss与css的区别SCSS 之类的预处理器本身就是为了生成 CSS 而设计的Sass (Syntactically Awesome Stylesheets)是一种动态样式语言，Sass语法属于缩排语法，比css比多出好些功能(如变量、嵌套、运算,混入(Mixin)、继承、颜色处理，函数等)，更容易阅读。Sass的缩排语法，对于写惯css前端的web开

第一步：安装jquery依赖   npm install jquery --save第二步：修改两处配置文件第三步：在使用的界面中引用 import $ from 'jquery'或在main.js中全局引入

vuex中mapState、mapGetters、mapActions、mapMutation的使用。

本篇主要讲解vue axios通过mock模拟数据进行通信的几种形式，罗列了部分关键代码，仅供参考。第一步：import axiosfrom 'axios'引入axios没有安装的通过npm install axios进行安装第二步：通过axios进行数据的获取，一般常用的是get和post方法，这里以get方法为例,post方法同理。一、基本写法：import a

直接书写路径动态指定通过name动态绑定，防止路径过长’about’,params:{userId:123}}">

第一步：在node.js官网下载node.js并安装。第二步：安装vue-cli。打开DOS控制台，进入都指定文件E:\vue-cli夹输入：npm install -g vue-cli进行安装（这里vue-cli是全局安装的进入不进入文件夹都可以）。第三步：检查版本，看是否安装成功,在控制台输入vue -V，如果出现版本号则表示安装成功。第四步：使用vue-cli初始化项目。