摘要：由于没有跨域的接口，所以，用8080端口请求8081端口，来模拟跨域。跨域会出现下面报错。 1.找到config文件夹下index.js，在proxyTable对象里复制以下代码： 注意：【更改完这个配置文件后，需要重启项目】 2.使用fetch，vue-resource或axios请求接口 fet
阅读全文
posted @ 2019-04-22 16:04
随笔分类 - vue笔记
这里是vue的笔记
摘要：跳转路由时，要求跳转到指定路由的某个地方，可以使用scrollBehavior方法控制。 用法： scrollBehavior(to,from,savedPosition){ } scrollBehavior方法可以返回x,y 坐标点，也可以返回指定的选择器 例子：
阅读全文
posted @ 2019-04-21 10:29
摘要：使用多个<router-view>可以复用路由，但是每个<router-view>要带一个name属性 更改路由，配置默项和复用项，定义复用项的name 例子： App.vue 路由
阅读全文
posted @ 2019-04-21 09:59
摘要：一个坑：beforeRouteEnter 和 afterRouteLeave 是没有【r】的！！！ beforeRouteEnter用法和其他守卫差不多。 有个注意的地方就是beforeRouteEnter不能用this获取组件内收据。 在next()方法内存入vm这个参数，获取组件内数据。 bef
阅读全文
posted @ 2019-04-18 09:31
摘要：在某个路由中，使用beforeEnter()方法，参数是to,from,next 和全局路由守卫的用法是一样的 例子：
阅读全文
posted @ 2019-04-15 01:02
摘要：beforeEach是路由跳转前执行的，afterEach是路由跳转后执行的。 afterEach只有两个参数 afterEach((to,from)=>{}) 例子：
阅读全文
posted @ 2019-04-13 00:09
摘要：在main.js里使用方法 router.beforeEach((to,from,next)=>{}) to,是将要跳转的路由， from，是离开的路由 next是个方法，判断to.path 或者 from.path ,如果符合条件，则允许跳转 例子： main.js router.beforeEa
阅读全文
posted @ 2019-04-11 11:41
摘要：报错截图： 这个错误就是路由上的component写成了components
阅读全文
posted @ 2019-04-10 15:35
摘要：1.this.$router.push({name:'Home'}) 2.this.$router.push({path:'/view'}) 3.this.$router.replace({name:'Home'}) 4.this.$router.replace({path:'/view'})
阅读全文
posted @ 2019-04-07 11:38
摘要：子组件：this.$emit("methdosName",data1,data2,data3) 父组件: <child @methodsName="xxx(arguments)"></child> 例子: 子组件： 父组件：
阅读全文
posted @ 2019-04-05 17:51
摘要：1.to绑定data里面的一个值 2.to绑定一个对象，用name 3.to绑定一个对象，用path 例子：
阅读全文
posted @ 2019-04-03 17:28
摘要：如果输入正确的路由，就会显示正确的页面。 如果输入错误的路由 ，则可以配置跳转到指定的页面。
阅读全文
posted @ 2019-04-01 11:31
摘要：<router-link>标签默认渲染成 <a>标签，可以通过tag属性把router-link渲染成指定的标签，如：
阅读全文
posted @ 2019-04-01 11:06
摘要：通过配置路由，可以设置vue项目启动后默认显示的页面。路由的path设置为path:"/"，启动项目后就会显示默认的组件页面。
阅读全文
posted @ 2019-03-26 16:22
摘要：子组件传值给父组件，需要触发一个事件。 在这个事件里，使用this.$emit("父组件使用的名称","子组件的数据") 在父组件中引用的子组件，在子组件的标签中用@父组件使用的名称="父组件里面的一个方法名($event)" 在父组件里使用刚刚定义的方法，父组件里面的一个方法名(data) 代码如
阅读全文
posted @ 2019-03-26 15:45
摘要：vue的computed属性要注意的两个地方，1，必须有return，2，使用属性不用括号
阅读全文
posted @ 2019-03-24 22:36
摘要：1.使用管理员权限安装两个插件 npm i amfe-flexible npm i postcss-px2rem 2.main.js引入 import 'amfe-flexible' 3.package.json 中添加如下代码 "postcss":{ "plugins":{ "autoprefix
阅读全文
posted @ 2019-03-09 17:11
摘要：父组件传递数据给子组件用props，父组件中使用子组件，子组件用props接收父组件数据。 Home父组件代码： Child子组件代码：
阅读全文
posted @ 2019-01-23 23:35
摘要：1.router-link to 跳转 2.this.$router.push("ComponentName") ,通过路由名称跳转 3.this.$router.push({path:"/child"}) ,通过路由的path跳转 4.带参数跳转 this.$router.push({path:"
阅读全文
posted @ 2019-01-18 17:51
