1.回调地狱的三种方案:函数    promise     async await          2. 子组件与子组件之间的传递: 可以借用公共父元素.子组件A  this.$emit("eventName", data) 触发事件,父组件监听事件,更改父组件 data , 通过Props 传值到子组件B,子组件B watch Props(注意不是watch 子组件B自身data)      3. 强制类型转换: Sting( ).Number( ).Boolean( )   : …

[vue知识点]2)vue登录认证…

这种需求手机端和pc端一般是不存在的,因为都是可以手动操作刷新的. 最近在做一个户外社区大屏的项目,因为大屏是全屏显示,没法手动刷新,不可能在页面专门做一个刷新按钮,也不好看,那这样的需求就显得格外重要了. 首先我们来分析一下需求: 1.15分钟——需要定时器 2.无操作——监控页面上的点击.触摸.滑动等事件 3.返回首页——切换路由 我们只需要设置一个定时器,在一进入页面的时候就开始计时,如果15分钟内有点击.触摸.滑动等操作时就重新计时,时间一到就切换路由. 而且我们还需要新建一个空白组件r…

Vue 组件通讯 ——常见使用场景可以分为三类: 父子通信: 父向子传递数据是通过 props,子向父是通过 events($emit):通过父链 / 子链也可以通信($parent / $children):ref 也可以访问组件实例:provide / inject API:$attrs/$listeners 兄弟通信: Bus:Vuex 跨级通信: Bus:Vuex:provide / inject API.$attrs/$listeners 1.require.context() 1.场…

一.学习vue必须了解的几个知识点  1.node.js介绍 node是一个让JavaScript运行在服务端的开发平台,使用JavaScript也可以开发后台服务.说明白些它仅仅是一个平台,我们使用vue开发必须要安装node.js.  2.npm 介绍 npm是node.js官方提供的包管理工具,他已经成了Node.js包的标准发布平台,用于Node.js包的发布.传播.依赖控制.npm提供了命令行工具,使你可以方便地下载.安装.升级.删除包,也可以让你作为开发者发布并维护包.我们可以直接使…

axios中jq的基础 jq语法 $(this).hide() 隐藏当前的html元素 $(''#test").hide() 隐藏id='test'的元素 添加新的 HTML 内容 我们将学习用于添加新内容的四个 jQuery 方法: append() - 在被选元素的结尾插入内容 prepend() - 在被选元素的开头插入内容 after() - 在被选元素之后插入内容 before() - 在被选元素之前插入内容 删除元素/内容 如需删除元素和内容,一般可使用以下两个 jQuery 方法:…

知识点归纳整理如下: 组件 component     1.页面中的一部分,可以复用, 本质上是一个拥有预定义选项的一个 Vue 实例         2.使用         1)定义             全局组件               a.定义                Vue.component("组件的名字",{                    template:"<div>组件模版的内容</div>"      …

知识点归纳整理如下: 1. 数组用下标改变,或者对象增加属性,这样的改变数据   是不能触发视图更新的,要用 Vue.set(对象,属性,值) 或this.$set(对象,属性,值) 2. this.$forceUpdate();  //不推荐使用  3. v-once 4. 计算属性 computed      计算属性可以对数据(data)进行各种加工和计算,返回加工和计算后的值,      用计算属性,模板里就可以直接拿到对数据计算和加工的结果.      而且这个结果是随着数据变化,自动…

1. Vue.js 是什么       Vue是一套用于构建用户界面的渐进式框架 2. vue的环境搭建(Vue2 ) 3. 经典的hello world         new Vue({           el:"挂载的元素"  挂载的元素不能是body或html           data:{ key:value...}  data是存储数据的地方    (要把这数据渲染/挂载到模板里面)           template:"<div>模板的内容&l…

1. Vue生命周期图示: 2.插值: 文本:{{ message }}: 纯html:v-html="xxx"; 属性:v-bind:id="xxx"; 使用 JavaScript 表达式:{{ ok ? 'YES' : 'NO' }} 过滤器:{{ message | capitalize }} 3.指令: 参数:v-bind:href="xxx"; v-on:click="xxx"; 修饰符:v-on:submit.pr…