04 2019 档案

摘要:mutations是要通过方法触发的,用于更改store里的数据的。this.$store.commit("mutationsName") 例子: store.js Home.vue 阅读全文

posted @ 2019-04-28 17:17 猫头唔食鱼 阅读(2064) 评论(0) 推荐(0) 编辑

摘要:getters是用来处理state里的数据的 getters传递一个值state 例子: store.js Home.vue 结果: 阅读全文

posted @ 2019-04-27 23:37 猫头唔食鱼 阅读(3477) 评论(0) 推荐(0) 编辑

摘要:map方法有返回值,返回值用变量接收。 例子: 例二: 阅读全文

posted @ 2019-04-25 10:24 猫头唔食鱼 阅读(26653) 评论(0) 推荐(1) 编辑

摘要:vuex中的store是一个状态管理器,用于分发数据。相当于父组件数据传递给子组件。 1.安装vuex 2.在src目录中创建store文件夹,里面创建store.js (1)store.js里引入vue和Vuex, (2)创建并导出store对象 (3)在store对象中创建数据 3.在main. 阅读全文

posted @ 2019-04-23 22:56 猫头唔食鱼 阅读(7635) 评论(0) 推荐(0) 编辑

摘要:由于没有跨域的接口,所以,用8080端口请求8081端口,来模拟跨域。跨域会出现下面报错。 1.找到config文件夹下index.js,在proxyTable对象里复制以下代码: 注意:【更改完这个配置文件后,需要重启项目】 2.使用fetch,vue-resource或axios请求接口 fet 阅读全文

posted @ 2019-04-22 16:04 猫头唔食鱼 阅读(1005) 评论(0) 推荐(0) 编辑

摘要:ie是完全不支持fetch的。 fetch(url,{method:"get/post"}).then(res=>{ }) 如果请求返回的status是200,body是ReadableStream那么,就要使用json()方法转换 例子: 阅读全文

posted @ 2019-04-22 09:36 猫头唔食鱼 阅读(659) 评论(0) 推荐(0) 编辑

摘要:跳转路由时,要求跳转到指定路由的某个地方,可以使用scrollBehavior方法控制。 用法: scrollBehavior(to,from,savedPosition){ } scrollBehavior方法可以返回x,y 坐标点,也可以返回指定的选择器 例子: 阅读全文

posted @ 2019-04-21 10:29 猫头唔食鱼 阅读(787) 评论(0) 推荐(0) 编辑

摘要:使用多个<router-view>可以复用路由,但是每个<router-view>要带一个name属性 更改路由,配置默项和复用项,定义复用项的name 例子: App.vue 路由 阅读全文

posted @ 2019-04-21 09:59 猫头唔食鱼 阅读(427) 评论(0) 推荐(0) 编辑

摘要:一个坑:beforeRouteEnter 和 afterRouteLeave 是没有【r】的!!! beforeRouteEnter用法和其他守卫差不多。 有个注意的地方就是beforeRouteEnter不能用this获取组件内收据。 在next()方法内存入vm这个参数,获取组件内数据。 bef 阅读全文

posted @ 2019-04-18 09:31 猫头唔食鱼 阅读(793) 评论(0) 推荐(0) 编辑

摘要:在某个路由中,使用beforeEnter()方法,参数是to,from,next 和全局路由守卫的用法是一样的 例子: 阅读全文

posted @ 2019-04-15 01:02 猫头唔食鱼 阅读(11831) 评论(0) 推荐(0) 编辑

摘要:beforeEach是路由跳转前执行的,afterEach是路由跳转后执行的。 afterEach只有两个参数 afterEach((to,from)=>{}) 例子: 阅读全文

posted @ 2019-04-13 00:09 猫头唔食鱼 阅读(5309) 评论(0) 推荐(0) 编辑

摘要:在main.js里使用方法 router.beforeEach((to,from,next)=>{}) to,是将要跳转的路由, from,是离开的路由 next是个方法,判断to.path 或者 from.path ,如果符合条件,则允许跳转 例子: main.js router.beforeEa 阅读全文

posted @ 2019-04-11 11:41 猫头唔食鱼 阅读(3660) 评论(0) 推荐(0) 编辑

摘要:报错截图: 这个错误就是路由上的component写成了components 阅读全文

posted @ 2019-04-10 15:35 猫头唔食鱼 阅读(5508) 评论(1) 推荐(3) 编辑

摘要: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 猫头唔食鱼 阅读(2737) 评论(0) 推荐(0) 编辑

摘要:this.$router.go(-1) 阅读全文

posted @ 2019-04-06 17:18 猫头唔食鱼 阅读(577) 评论(0) 推荐(0) 编辑

摘要:子组件:this.$emit("methdosName",data1,data2,data3) 父组件: <child @methodsName="xxx(arguments)"></child> 例子: 子组件: 父组件: 阅读全文

posted @ 2019-04-05 17:51 猫头唔食鱼 阅读(1075) 评论(0) 推荐(0) 编辑

摘要:1.to绑定data里面的一个值 2.to绑定一个对象,用name 3.to绑定一个对象,用path 例子: 阅读全文

posted @ 2019-04-03 17:28 猫头唔食鱼 阅读(934) 评论(0) 推荐(0) 编辑

摘要:如果输入正确的路由,就会显示正确的页面。 如果输入错误的路由 ,则可以配置跳转到指定的页面。 阅读全文

posted @ 2019-04-01 11:31 猫头唔食鱼 阅读(773) 评论(0) 推荐(0) 编辑

摘要:<router-link>标签默认渲染成 <a>标签,可以通过tag属性把router-link渲染成指定的标签,如: 阅读全文

posted @ 2019-04-01 11:06 猫头唔食鱼 阅读(582) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示