gabby____的博客

要求：一进到menu页面就要向firebase请求数据。方法一、使用fetch方法二、使用axios1、npm install axios --save2、在main.js中全局引入axios3、配置axios使用方法一：（1）在menu中引入axios(2)使用方法二：不需要在menu中引入axios(1)get（2）...

注意：问题不是组件引用错了 而是<from></from>标签打成了<form></form>

补充知识1、filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。注意：filter() 不会对空数组进行检测。注意：filter() 不会改变原始数组。2、splice() 方法用于添加或删除数组中的元素。注意：这种方法会改变原始数组。返回值如果仅删除一个元素，则返回一个元素的数组。 如果未删除任何元素，则返回空数组。...

一、第一种方法：后退到到页面指定长度第二种方法：后退到按钮上面第三种方法：后退到页面原来浏览到的位置。

在之前的文章《ajax无刷新加载页面，结合history.state修改url》中，我详细解释了history.pushState、history.replaceState、history.state以及window.popstate这四个关键元素，并试图建立一个合理的ajax无刷新更换URL的页面加载方式。但那之后，我遇到一个比较复杂的问题，集中在state的内容上，本文则来详解state这个要...

一、路由守卫1、只有点击路由Admin时才会打印消息，并处于点击前的页面2、只有点击路由Admin时才会打印消息，显示的是点击后的页面；但如果是next(false)则页面不会跳转3、路由独享守卫把全局守卫放在组件内，从而守卫只对路由admin生效。对其他路由显示点击即显示页面。二、后置钩子三、组件内的守卫1、错误示范错误原因：在执行beforeRo...

之前写过一篇文章，介绍了如何安装Vue的新旧版本脚手架，同时也介绍了如何使用新旧版本的脚手架快速创建Vue项目，感兴趣的同学可以点击查看：Vue笔记——搭建脚手架并快速创建Vue项目。今天的这篇文章总结另外一个知识点：在使用脚手架创建的Vue项目中，嵌套不同的组件。一、基础知识简介首先对Vue项目给出一个简单的介绍，Vue项目中有index.html文件，当我们启动一个项目的时候，打...

https://blog.youkuaiyun.com/weixin_41796631/article/details/82945210

https://blog.youkuaiyun.com/github_26672553/article/details/53176778

https://blog.youkuaiyun.com/xdnloveme/article/details/78035065

App.vue根组件，Users.vue是app.vue的子组件，main.js显示的是app.vue的内容。要想app.vue显示Users.vue有两种方法：一、全局注册组件在main.js中写入id:users代表组件标签名，后面的Users代表Users组件二、局部注册组件（只允许组件在app.vue当中应用）...

一、样式作用域1、当app.vue的样式为A，Users.vue的样式为无时，app.vue和Users 的样式皆为A2、当Users.vue的样式为B时,app.vue和Users.vue样式皆为B二、使用scoped要想保住样式在制定作用域用，可以加上scoped即 <style scoped>...

1、安装Node.js2、在cmd内进行测试node-v测试当前node版本（6.9以上）npm-v测试当前npm版本(3.10以上)vue --version 测试当前vue-cli的版本号3、使用gitbash cd到当前目录,输入 vue init webpack(+文件名)4、输入npm install即生成目录5、在终端输入npm run dev即可...

1、在父组件app.vue 中，将名为users的标签中将数据赋给自定义属性hh2、 用props将hh传入子组件users.注意一定要在<template>中保持使用hh

一、传值：string number boolean(删除或添加数据，只改变自身，其他不变) 传引用：array object(一旦删除或添加一个地方的数据，其他的也会随之改变)二、传引用（user为数组）点击前点击后三、传值（title 为值）只对header添加method,结果只有header发生变化，footer不变...

一、路由二、Http1、使用Vue-resource安装--输入 npm install vue-resource --save-dev2、在main.js中引入 import VueResource from vue-resource并在底下申明Vue.use(VueResource)3、在网站http://jsonplaceholder.typicode.com/中...

一、1、在terminal中全局安装npm install --global vue-cli //安装vue-cli2、cd Desktop/ (把目录切换到桌面)3、mkdir projects(在桌面新建名为projects的文件)4、cd projects/5、vue init webpack-simple pizza-app ...

Vuex 学习总结好在之前接触过 flux，对于理解 vuex还是很有帮助的。react 学到一半，后来因为太忙，就放弃了，现在也差不多都忘记了。不过感觉 vuex 还是跟 flux 还是有点区别的。对于很多新手来说，只是阅读文档是不好消化，我的建议是看看 vuex 的实例，通过研究实例来学习vuex。这样就会好理解多了。如果还是不能理解，最好办法就是先把store 的四个属性：s...

Vuex- Action的 { commit }　　Vuex 中 使用 Action 处理异步请求时，常规写法如下： getMenuAction:(context) =>{ context.commit('SET_MENU_LIST',['承保2','核保2']) } }　　我们也可以使用如下简化写法，如下： act...

一、安装vuecnpm install vue -g二、npm切换版本(10.11.0)输入指令 npm use 10.11.0三、安装vue-cli脚手架cnpm install vue-cli-g四、安装webpackcnpm install webpack -g五、cd进一个路径，存放我们将要建的项目，否则会默认路径建项目vue in...

随笔 - 40  文章 - 0  评论 - 0vue 实现 tomato timer（蕃茄钟）近期在学习【时间管理】方面的课程，其中有一期讲了蕃茄工作法，发现是个好多东西。蕃茄工作法核心思想就是：工作25分钟，休息5分钟。如果您好了解更多可以自行度娘。 在加上本人是一个程序猿，就想用程序的方式来表达对此工作法的敬意。因此就产生了用vue实现一个tomato timer的想法。演示地址 ...

1.e.target.value获取的就是你选择接受事件的元素输入的或者选择的值。参数e接收事件对象。而事件对象也有很多属性和方法，其中target属性是获取触发事件对象的目标，也就是绑定事件的元素，e.target表示该DOM元素，然后在获取其相应的属性值。2. this就是指向当前事件所绑定的元素。 3.e.target.value和this的区别：1.先弄清楚e.ta...

Vue2.0 传值方式：在Vue的框架开发的项目过程中，经常会用到组件来管理不同的功能，有一些公共的组件会被提取出来。这时必然会产生一些疑问和需求？比如一个组件调用另一个组件作为自己的子组件，那么我们如何进行给子组件进行传值呢？如果是电商网站系统的开发，还会涉及到购物车的选项，这时候就会涉及到非父子组件传值的情况。当然你也可以用Vuex状态管理工具来实现，这部分我们后续会单独介绍。我先给大家介绍...

什么是vue生命周期？vue生命周期的作用是什么？vue生命周期总共有几个阶段？ 1、什么是vue生命周期？答： Vue 实例从创建到销毁的过程，就是生命周期。也就是从开始创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、卸载等一系列过程，我们称这是 Vue 的生命周期。2、vue生命周期的作用是什么？答：它的生命周期中有多个事件钩子，让我们在控制整个Vue实例的过程时更容易形...

https://blog.youkuaiyun.com/cvper/article/details/80025680https://blog.youkuaiyun.com/a848057236/article/details/53838670

一、什么是生命周期？用通俗的语言来说，就是Vue中实例或者组件从创建到消灭中间经过的一系列过程。虽然不太严谨，但是也基本上可以理解。通过一系列实践，现在把所有遇到的问题整理一遍，今天记录一下created和mounted的区别：二、created和mounted区别？官方图解如下:我们从图中看两个节点：created:在模板渲染成html前调用，即通常初始化某些属性值，然后再...

学vue组件的时候，一直没有弄明白，用Vue.component注册组件的时候，整个component方法单摆浮搁，没有和其他任何Vue实例有关联，想不明白为什么也能修改html内容。在传统思维里，HTML标签我们只有选择器（读）的权限，少有修改（写）的权限，如果思维固化，会导致认为标签里的名称对于我们没有实际意义，尤其div这种空气标签，非常容易会被忽略为不存在，而Vue里，<my-c...

事件修饰符.stop 阻止冒泡.prevent 阻止默认事件.capture 添加事件侦听器时使用事件捕获模式.self 只当事件在该元素本身（比如不是子元素）触发时触发回调.once事件只触发一次一、.stop（使用.stop阻止冒泡）.stop 是阻止冒泡行为,不让当前元素的事件继续往外触发,如阻止点击div内部事件,触发div事件<style>...

一、v-bindv-bind为单向传输二、v-modelv-model实现双向数据绑定，只能用在表单元素中三、v-for(一)v-for循环普通数组(二)v-for迭代对象数组(三)v-for迭代对象(四)v-for迭代数字(五)key属性的使用知识点1、v-for循环的时候，key属性只能使用numb...

npm安装webpack时,报错npm WARN ajv-keywords@3.1.0 requires a peer of ajv@^6.0.0 but none is installed报错WARN ajv-keywords@3.2.0 requires a peer of ajv@^6.0.0 but none is installed. You mus...

https://blog.youkuaiyun.com/q3254421/article/details/87878792

vue-devtools安装以后，勾选了“允许访问文件网址”之后还是无法使用 有时需要启动多个vue项目有的项目可以用，有的项目虽然左上角V图标是亮着的，但是控制台却不出来vue，（有时，时出来时不出来也有可能是缓存或电脑卡吧。。。） 1、勾选了“允许访问文件网址”，还是无法使用：Vue.js is detected on this page. Devtools inspection...

这次给大家带来vuex里mapState,mapGetters使用详解，vuex里mapState,mapGetters使用的注意事项有哪些，下面就是实战案例，一起来看一下。一、介绍 vuex里面的四大金刚：State， Mutations，Actions，Getters（上次记得关于vuex笔记 http://www.jb51.net/article/138229.htm,是一个简...

最近刚好在学习Vue.js，在实敲轮播demo时发现了一个当时感觉很奇怪的问题：初始化使用mounted钩子时，只调用了一次，之后就没有调用过了。害我一直以为是自己之后的代码书写有问题，结果自己再敲一遍还是只能初始化调用一次。。。发现这个问题后找找大神们的博客看了看，发现了created钩子的使用。下面就将这次的经历给记录下来。。。生命周期先上图什么是生命周期Vue实例有一个完整的生命...