GAlbinus的博客

Vue-Router 栈溢出报错 Error in render: "RangeError: Maximum call stack size exceeded"

大屏项目等利用定时器固定时间刷新数据。setInterval包裹Promise导致，Promise的回调执行时间与预期timeout不符的解决方案:利用setTimeout模拟出类似setInterval。提示：以下是本篇文章正文内容，下面成功案例可供参考先放解决方案。

VUE学习：Vue CLI-02————注册全局组件模拟语义化标签 VUECli框架内，Vue项目本身不支持除HTML自带的语义化标签外自定义语义化标签，所以通过注册全局组件的方式，达到语义化标签使用效果。

提示： 本文为VUE栏目：VUE学习：Vue CLIVUE学习：Vue CLI-01————webpack常用插件的安装前言webpack常用插件安装 前言 本文开始学习webpack模块打包器的配置。 提示：以下是本篇文章正文内容，下面案例可供参考 webpack常用插件安装 # webpack安装 npm install -D webpack@3.6.0 #安装一个合适的可以用来处理对应类型的Loader插件。需要安装两个插件来处理css。分别是：css-loader和style

提示： 本文为VUE栏目：VUE学习：vue基础24————自定义事件 VUE学习：VUE学习：vue基础24————自定义事件前言自定义事件自定义的组件和vm实例的关系自定义事件自定义事件1自定义事件2：自定义修饰符 前言 本文vue框架中指令。 提示：以下是本篇文章正文内容，下面案例可供参考 自定义事件 自定义的组件和vm实例的关系 在vue中，每个自定义组件其实都是一个单独的vue实例。他们和new Vue基本一致。在当前页面中，自定义的组件和vm实例他们的关系：vm是info的父级。 <b

提示： 本文为VUE栏目：VUE学习：vue基础24————自定义指令 VUE学习：vue基础24————自定义指令前言自定义指令演示：自定义全局指令和私有指令自定义指令案例 前言 本文vue框架中指令。 提示：以下是本篇文章正文内容，下面案例可供参考 自定义指令 演示：自定义全局指令和私有指令 <body> <div id="app"> <input type="text" v-focus placeholder="请输入用户名"> <p v-re

提示： 本文为VUE栏目：VUE学习：vue基础23————组件：组件的状态保持 VUE学习：vue基础23————组件：组件的状态保持前言组件组件的状态保持直接切换两个标签直接使用component组件时keep-alive组件包裹的动态组件 前言 本文vue框架中组件相关。 提示：以下是本篇文章正文内容，下面案例可供参考 组件 组件的状态保持 直接切换两个标签 <!DOCTYPE html> <html lang="en"> <head> <meta

提示： VUE学习：vue基础22————动画04：动画练习 VUE学习：vue基础22————动画04：动画练习前言动画动画练习组件切换案例 前言 本文学习Vue的动画相关内容。 提示：以下是本篇文章正文内容，下面案例可供参考 动画 动画练习 组件切换案例 <head> <meta charset="UTF-8"> <title>Title</title> <script src="vue.js"></script&g

提示： VUE学习：vue基础21————动画03：多种类型过渡 VUE学习：vue基础21————动画03：多种类型过渡前言动画多种类型过渡多标签过渡多组件过渡列表过渡 前言 本文学习Vue的动画相关内容。 提示：以下是本篇文章正文内容，下面案例可供参考 动画 多种类型过渡 多标签过渡 过渡模式： in-out表示新元素先过渡，完成后当前元素再消失。 out-in当前元素先过渡，新元素再进入。 <head> <meta charset="UTF-8"> <ti

提示： VUE学习：vue基础19————动画01：过渡 VUE学习：vue基础19————动画02：动画前言动画动画使用动画完成过渡效果第三方动画库的使用使用第三方库：钩子函数 前言 本文学习Vue的动画相关内容。 提示：以下是本篇文章正文内容，下面案例可供参考 动画 动画 使用动画完成过渡效果 <head> <meta charset="UTF-8"> <title>Title</title> <style>

提示： VUE学习：vue基础19————动画01：过渡 VUE学习：vue基础19————动画01：过渡前言动画过渡过渡案例演示过渡类名过渡类名的触发条件移动过渡效果 前言 本文学习Vue的动画相关内容。 提示：以下是本篇文章正文内容，下面案例可供参考 动画 过渡 过渡案例演示 <head> <meta charset="UTF-8"> <title>Title</title> <script src="vue.js">&l

提示： VUE学习：VUE学习：vue基础18————计算属性 VUE学习：vue基础18————计算属性前言计算属性计算属性的基本方法案例字符串翻转赋值计算属性与方法的区别计算属性的特点 前言 本文继续学习Vue相关内容。 提示：以下是本篇文章正文内容，下面案例可供参考 计算属性 计算属性的作用是为了使模板更加简单。 计算属性的基本方法 案例字符串翻转赋值 <body> <div id="app"> <div>{{msg}}</div>

提示： VUE学习：VUE学习：vue基础17————监听器 VUE学习：vue基础17————监听器前言监听器 前言 本文继续学习Vue相关内容。 提示：以下是本篇文章正文内容，下面案例可供参考# 表单元素的事件绑定问题 监听器 监听器：在监听器中设置需要被监听的属性，被监听的属性的值只要发生变化，监听器就会自动调用 被监听的属性必须是data中的某个值，也就是说watch对象中属性名必须存在于data中，否则无效 <body> <div id="app"> <in

提示： VUE学习：vue基础16————插槽 VUE学习：vue基础16————插槽前言插槽插槽标签slot的简单使用插槽的高级使用 前言 本文继续学习Vue相关内容。 提示：以下是本篇文章正文内容，下面案例可供参考# 表单元素的事件绑定问题 插槽 <body> <div id="app"> <test>你好，世界</test> </div> </body> <script> // 全局组件

提示： VUE学习：VUE学习：vue基础14————过滤器 VUE学习：vue基础14————过滤器前言过滤器过滤器的使用模板化定义过滤器私有过滤器过滤器函数参数私有过滤器和全局过滤器重名多个过滤器自定义函数实现过滤器效果 前言 本文继续学习Vue相关内容。 提示：以下是本篇文章正文内容，下面案例可供参考# 过滤器 过滤器的使用 |叫做管道符 <body> <div id="app"> <p :title="msg">{{msg}}</p>

提示： VUE学习：vue基础14————表单元素的事件绑定问题 VUE学习：vue基础14————表单元素的事件绑定问题前言value和v-model复选框复选框实例单选框下拉框 前言 本文继续学习Vue相关内容。 提示：以下是本篇文章正文内容，下面案例可供参考# 表单元素的事件绑定问题 value和v-model value和v-model共存的情况下，文本框会显示v-model的值 v-model默认会触发input标签的input事件，checkbox和radio的时候会触发change事件 &

提示： 本文为VUE栏目：VUE学习：vue基础13————组件：自定义属性验证值 VUE学习：vue基础13————组件：自定义属性验证值前言组件自定义属性验证值设置属性propA的值只能是数字类型自定义函数来限制内容设置属性允许的类型为多个设置属性接收String类型的值并且该属性必填设置属性的默认值 前言 本文vue框架中组件相关。 提示：以下是本篇文章正文内容，下面案例可供参考 组件 自定义属性验证值 v-bind来管理的属性后面跟着的双引号中写数字才能正确的表示数字类型，没有被Vue管理的属性

提示： 本文为VUE栏目：VUE学习：vue基础12————组件：自定义组件的属性 VUE学习：VUE学习：vue基础10————组件：组件的使用前言组件自定义组件的属性 前言 本文vue框架中组件相关。 提示：以下是本篇文章正文内容，下面案例可供参考 组件 自定义组件的属性 利用props自定义属性，自定义的属性名可以直接在差值表达式中使用 <body> <div id="app"> <test mytitle="hello world"></test

提示： 本文为VUE栏目：VUE学习：VUE学习：vue基础10————组件：组件的模板 VUE学习：VUE学习：vue基础10————组件：组件的模板前言组件组件的模板模板化自定义组件模板中的标签也必须只能有一个跟标签使用script标签作为模板组件中的data和methods自定义组件模板化定义组件 前言 本文vue框架中组件相关。 提示：以下是本篇文章正文内容，下面案例可供参考 组件 组件的模板 模板化自定义组件 <body> <div id="app"> <

提示： 本文为VUE栏目：VUE学习：VUE学习：vue基础10————组件：组件的使用 VUE学习：VUE学习：vue基础10————组件：组件的使用前言组件示例：创建全局组件模板简写形式：简写一简写二私有组件 前言 本文vue框架中组件相关。 提示：以下是本篇文章正文内容，下面案例可供参考 组件 示例：创建全局组件模板 <body> <div id="app" style="border: 1px solid tomato"> <wuyanzu>吴彦祖&l

提示： 本文为VUE栏目：VUE学习：vue基础09————VUE语法对内容处理：静态指令和动态指令 VUE学习：vue基础09————VUE语法对内容处理：静态指令和动态指令前言静态指令和动态指令v-once静态指令动态特性 前言 本文继续学习VUE语法对内容的处理。 提示：以下是本篇文章正文内容，下面案例可供参考 静态指令和动态指令 Vue2.6新增新特性。静态指令和动态指令。 v-once静态指令 v-once指令称为静态指令，被他标记的标签，调用data中的属性，只会渲染一次，后续data内容发

提示： 本文为VUE栏目：VUE学习：vue基础08————VUE语法对内容处理：循环指令 VUE学习：vue基础08————VUE语法对内容处理：循环指令前言循环指令v-for指令v-for遍历数组v-for遍历数组带下标v-for遍历对象v-for遍历对象并获取keyv-for遍历对象获取key和index遍历字符串v-for遍历整数v-for遍历常量v-for遍历复杂数组利用v-for实现tabs切换案例 前言 本文继续学习VUE语法对内容的处理。 提示：以下是本篇文章正文内容，下面案例可供参考

提示： 本文为VUE栏目：VUE学习：vue基础07————VUE语法对内容处理：条件渲染 VUE学习：VUE学习：vue基础07————VUE语法对内容处理：条件渲染前言条件渲染v-ifv-if的使用（一）基本使用（二）多次判断用法（三）延伸运用template标签v-show标签 前言 本文继续学习VUE语法对内容的处理。 提示：以下是本篇文章正文内容，下面案例可供参考 条件渲染 v-if v-if 是条件渲染指令，它根据表达式的真假来删除和插入元素，概念上和java的if 逻辑判断一致。 v-if

提示： 本文为VUE栏目：VUE学习：vue基础06————VUE语法对内容处理：event事件对象 VUE学习：VUE学习：vue基础06————VUE语法对内容处理：event事件对象前言事件对象event对象 前言 本文继续学习VUE语法对内容的处理。 提示：以下是本篇文章正文内容，下面案例可供参考 事件对象 event对象 直接调用的未传参方法，方法中默认会有第一个参数传递进去，就是event对象 <!DOCTYPE html> <html lang="zh-CN"> &

提示： 本文为VUE栏目：VUE学习：vue基础05————VUE语法对内容处理：事件绑定处理和事件修饰符 VUE学习：vue基础05————VUE语法对内容处理：事件绑定处理和事件修饰符前言VUEVUE语法对内容处理事件绑定处理v-on指令事件修饰符.stop.capture.prevent.once 前言 本文继续学习VUE语法对内容的处理。 提示：以下是本篇文章正文内容，下面案例可供参考 VUE VUE语法对内容处理 事件绑定处理 v-on指令 v-on用来绑定事件，冒号后面跟事件名 @符号跟事件

提示： 本文为VUE栏目：VUE学习：vue基础04————VUE语法对内容处理：属性和样式处理 vue基础04————VUE语法对内容处理：属性和样式处理前言VUEVUE语法对内容处理属性和样式处理全文代码v-bind:指令属性处理样式处理 前言 本文继续学习VUE语法对内容的处理。 提示：以下是本篇文章正文内容，下面案例可供参考 VUE VUE语法对内容处理 属性和样式处理 全文代码 <body> <div id="app"> <!--v-bind:指

提示： 本文为VUE栏目：VUE学习：vue基础03————VUE语法对内容处理：基础插值处理 VUE学习：vue基础03————VUE语法对内容处理：基础插值处理前言VUEVUE语法对内容处理基础插值处理插值表达式v-html指令v-text指令 前言 本文学习VUE语法对内容的处理。 提示：以下是本篇文章正文内容，下面案例可供参考 VUE VUE语法对内容处理 基础插值处理 插值表达式 数据绑定最常见的形式就是使用双大括号的文本插值： <p>可不可以{{msg}}</p>

提示： 本文为VUE栏目：VUE学习：vue基础02——VUE生命周期函数 VUE学习：vue基础02——VUE生命周期函数前言VUEVUE生命周期函数声明周期实例生命周期函数三大类1.创建期间函数2.运行期间函数组件的激活和停用3.销毁期间函数 前言 本文学习vue基础的生命周期函数。 提示：以下是本篇文章正文内容，下面案例可供参考 VUE VUE生命周期函数 vue生命周期：表示vue从创建到运行再到结束的这期间，发生的各种事件和状态统称为生命周期。 声明周期钩子和声明周期函数是相同的意思，只是叫法

提示： 本文为VUE栏目：VUE学习：vue基础01——创建vue实例 VUE学习：vue基础01——创建vue实例前言VUEMVC和 MVVM开发模式MVC开发模式MVVM开发模式（前后端分离）vue 实例创建vue实例注意事项 前言 本文第一次尝试学习vue框架。 提示：以下是本篇文章正文内容，下面案例可供参考 VUE MVC和 MVVM开发模式 MVC开发模式 M：model模型层 数据和编程语言之间建模 V：view视图层 一般都是用模板引擎来表示（前台