vue.js
关注
分享
扫一扫
文章平均质量分 76
北凉冬
每天都有活下去的动力
展开
-
前端项目开发踩坑02————Vue-Router 栈溢出报错
Vue-Router 栈溢出报错Error in render: "RangeError: Maximum call stack size exceeded"原创 2024-10-17 11:45:42 · 466 阅读 · 0 评论 -
前端项目开发踩坑01————利用setTimeout模拟出类似setInterval及宏任务微任务
大屏项目等利用定时器固定时间刷新数据。setInterval包裹Promise导致，Promise的回调执行时间与预期timeout不符的解决方案:利用setTimeout模拟出类似setInterval。提示：以下是本篇文章正文内容，下面成功案例可供参考先放解决方案。原创 2024-06-28 11:31:39 · 979 阅读 · 0 评论 -
VUE学习：Vue CLI-02————注册全局组件模拟语义化标签
VUE学习：Vue CLI-02————注册全局组件模拟语义化标签VUECli框架内，Vue项目本身不支持除HTML自带的语义化标签外自定义语义化标签，所以通过注册全局组件的方式，达到语义化标签使用效果。原创 2024-06-27 16:22:09 · 961 阅读 · 0 评论 -
VUE学习：Vue CLI-01————webpack常用插件的安装
提示：本文为VUE栏目：VUE学习：Vue CLIVUE学习：Vue CLI-01————webpack常用插件的安装前言webpack常用插件安装前言本文开始学习webpack模块打包器的配置。提示：以下是本篇文章正文内容，下面案例可供参考webpack常用插件安装# webpack安装 npm install -D webpack@3.6.0 #安装一个合适的可以用来处理对应类型的Loader插件。需要安装两个插件来处理css。分别是：css-loader和style原创 2021-06-17 10:36:57 · 326 阅读 · 0 评论 -
VUE学习：vue基础25————自定义事件
提示：本文为VUE栏目：VUE学习：vue基础24————自定义事件VUE学习：VUE学习：vue基础24————自定义事件前言自定义事件自定义的组件和vm实例的关系自定义事件自定义事件1自定义事件2：自定义修饰符前言本文vue框架中指令。提示：以下是本篇文章正文内容，下面案例可供参考自定义事件自定义的组件和vm实例的关系在vue中，每个自定义组件其实都是一个单独的vue实例。他们和new Vue基本一致。在当前页面中，自定义的组件和vm实例他们的关系：vm是info的父级。<b原创 2021-05-31 16:32:42 · 234 阅读 · 10 评论 -
VUE学习：vue基础24————自定义指令
提示：本文为VUE栏目：VUE学习：vue基础24————自定义指令VUE学习：vue基础24————自定义指令前言自定义指令演示：自定义全局指令和私有指令自定义指令案例前言本文vue框架中指令。提示：以下是本篇文章正文内容，下面案例可供参考自定义指令演示：自定义全局指令和私有指令<body><div id="app"> <input type="text" v-focus placeholder="请输入用户名"> <p v-re原创 2021-05-31 16:29:56 · 221 阅读 · 3 评论 -
VUE学习：vue基础23————组件：组件的状态保持
提示：本文为VUE栏目：VUE学习：vue基础23————组件：组件的状态保持VUE学习：vue基础23————组件：组件的状态保持前言组件组件的状态保持直接切换两个标签直接使用component组件时keep-alive组件包裹的动态组件前言本文vue框架中组件相关。提示：以下是本篇文章正文内容，下面案例可供参考组件组件的状态保持直接切换两个标签<!DOCTYPE html><html lang="en"><head> <meta原创 2021-05-31 11:09:36 · 649 阅读 · 0 评论 -
VUE学习：vue基础22————动画04：动画练习
提示：VUE学习：vue基础22————动画04：动画练习VUE学习：vue基础22————动画04：动画练习前言动画动画练习组件切换案例前言本文学习Vue的动画相关内容。提示：以下是本篇文章正文内容，下面案例可供参考动画动画练习组件切换案例<head> <meta charset="UTF-8"> <title>Title</title> <script src="vue.js"></script&g原创 2021-05-31 11:07:32 · 161 阅读 · 0 评论 -
VUE学习：vue基础21————动画03：多种类型过渡
提示：VUE学习：vue基础21————动画03：多种类型过渡VUE学习：vue基础21————动画03：多种类型过渡前言动画多种类型过渡多标签过渡多组件过渡列表过渡前言本文学习Vue的动画相关内容。提示：以下是本篇文章正文内容，下面案例可供参考动画多种类型过渡多标签过渡过渡模式：in-out表示新元素先过渡，完成后当前元素再消失。out-in当前元素先过渡，新元素再进入。<head> <meta charset="UTF-8"> <ti原创 2021-05-31 11:05:40 · 123 阅读 · 0 评论 -
VUE学习：vue基础20————动画02：动画
提示：VUE学习：vue基础19————动画01：过渡VUE学习：vue基础19————动画02：动画前言动画动画使用动画完成过渡效果第三方动画库的使用使用第三方库：钩子函数前言本文学习Vue的动画相关内容。提示：以下是本篇文章正文内容，下面案例可供参考动画动画使用动画完成过渡效果<head> <meta charset="UTF-8"> <title>Title</title> <style>原创 2021-05-31 11:02:59 · 161 阅读 · 0 评论 -
VUE学习：vue基础19————动画01：过渡
提示：VUE学习：vue基础19————动画01：过渡VUE学习：vue基础19————动画01：过渡前言动画过渡过渡案例演示过渡类名过渡类名的触发条件移动过渡效果前言本文学习Vue的动画相关内容。提示：以下是本篇文章正文内容，下面案例可供参考动画过渡过渡案例演示<head> <meta charset="UTF-8"> <title>Title</title> <script src="vue.js">&l原创 2021-05-31 11:00:53 · 148 阅读 · 1 评论 -
VUE学习：vue基础18————计算属性
提示：VUE学习：VUE学习：vue基础18————计算属性VUE学习：vue基础18————计算属性前言计算属性计算属性的基本方法案例字符串翻转赋值计算属性与方法的区别计算属性的特点前言本文继续学习Vue相关内容。提示：以下是本篇文章正文内容，下面案例可供参考计算属性计算属性的作用是为了使模板更加简单。计算属性的基本方法案例字符串翻转赋值<body> <div id="app"> <div>{{msg}}</div>原创 2021-05-30 20:59:08 · 187 阅读 · 6 评论 -
VUE学习：vue基础17————监听器
提示：VUE学习：VUE学习：vue基础17————监听器VUE学习：vue基础17————监听器前言监听器前言本文继续学习Vue相关内容。提示：以下是本篇文章正文内容，下面案例可供参考# 表单元素的事件绑定问题监听器监听器：在监听器中设置需要被监听的属性，被监听的属性的值只要发生变化，监听器就会自动调用被监听的属性必须是data中的某个值，也就是说watch对象中属性名必须存在于data中，否则无效<body><div id="app"> <in原创 2021-05-23 21:20:57 · 142 阅读 · 2 评论 -
VUE学习：vue基础16————插槽
提示：VUE学习：vue基础16————插槽VUE学习：vue基础16————插槽前言插槽插槽标签slot的简单使用插槽的高级使用前言本文继续学习Vue相关内容。提示：以下是本篇文章正文内容，下面案例可供参考# 表单元素的事件绑定问题插槽<body><div id="app"> <test>你好，世界</test> </div></body><script> // 全局组件原创 2021-05-23 21:10:53 · 286 阅读 · 0 评论 -
VUE学习：vue基础15————过滤器
提示：VUE学习：VUE学习：vue基础14————过滤器VUE学习：vue基础14————过滤器前言过滤器过滤器的使用模板化定义过滤器私有过滤器过滤器函数参数私有过滤器和全局过滤器重名多个过滤器自定义函数实现过滤器效果前言本文继续学习Vue相关内容。提示：以下是本篇文章正文内容，下面案例可供参考#过滤器过滤器的使用|叫做管道符<body><div id="app"> <p :title="msg">{{msg}}</p>原创 2021-05-23 21:08:33 · 126 阅读 · 0 评论 -
VUE学习：vue基础14————表单元素的事件绑定问题
提示：VUE学习：vue基础14————表单元素的事件绑定问题VUE学习：vue基础14————表单元素的事件绑定问题前言value和v-model复选框复选框实例单选框下拉框前言本文继续学习Vue相关内容。提示：以下是本篇文章正文内容，下面案例可供参考# 表单元素的事件绑定问题value和v-modelvalue和v-model共存的情况下，文本框会显示v-model的值v-model默认会触发input标签的input事件，checkbox和radio的时候会触发change事件&原创 2021-05-23 21:05:35 · 165 阅读 · 0 评论 -
VUE学习：vue基础13————组件：自定义属性验证值
提示：本文为VUE栏目：VUE学习：vue基础13————组件：自定义属性验证值VUE学习：vue基础13————组件：自定义属性验证值前言组件自定义属性验证值设置属性propA的值只能是数字类型自定义函数来限制内容设置属性允许的类型为多个设置属性接收String类型的值并且该属性必填设置属性的默认值前言本文vue框架中组件相关。提示：以下是本篇文章正文内容，下面案例可供参考组件自定义属性验证值v-bind来管理的属性后面跟着的双引号中写数字才能正确的表示数字类型，没有被Vue管理的属性原创 2021-05-23 21:03:00 · 578 阅读 · 0 评论 -
VUE学习：vue基础12————组件：自定义组件的属性
提示：本文为VUE栏目：VUE学习：vue基础12————组件：自定义组件的属性VUE学习：VUE学习：vue基础10————组件：组件的使用前言组件自定义组件的属性前言本文vue框架中组件相关。提示：以下是本篇文章正文内容，下面案例可供参考组件自定义组件的属性利用props自定义属性，自定义的属性名可以直接在差值表达式中使用<body><div id="app"> <test mytitle="hello world"></test原创 2021-05-23 21:01:51 · 552 阅读 · 0 评论 -
VUE学习：vue基础11————组件：组件的模板
提示：本文为VUE栏目：VUE学习：VUE学习：vue基础10————组件：组件的模板VUE学习：VUE学习：vue基础10————组件：组件的模板前言组件组件的模板模板化自定义组件模板中的标签也必须只能有一个跟标签使用script标签作为模板组件中的data和methods自定义组件模板化定义组件前言本文vue框架中组件相关。提示：以下是本篇文章正文内容，下面案例可供参考组件组件的模板模板化自定义组件<body><div id="app"> <原创 2021-05-23 20:59:16 · 714 阅读 · 0 评论 -
VUE学习：vue基础10————组件：组件的使用
提示：本文为VUE栏目：VUE学习：VUE学习：vue基础10————组件：组件的使用VUE学习：VUE学习：vue基础10————组件：组件的使用前言组件示例：创建全局组件模板简写形式：简写一简写二私有组件前言本文vue框架中组件相关。提示：以下是本篇文章正文内容，下面案例可供参考组件示例：创建全局组件模板<body><div id="app" style="border: 1px solid tomato"> <wuyanzu>吴彦祖&l原创 2021-05-23 20:57:28 · 125 阅读 · 0 评论 -
VUE学习：vue基础09————VUE语法对内容处理：静态指令和动态指令
提示：本文为VUE栏目：VUE学习：vue基础09————VUE语法对内容处理：静态指令和动态指令VUE学习：vue基础09————VUE语法对内容处理：静态指令和动态指令前言静态指令和动态指令v-once静态指令动态特性前言本文继续学习VUE语法对内容的处理。提示：以下是本篇文章正文内容，下面案例可供参考静态指令和动态指令Vue2.6新增新特性。静态指令和动态指令。v-once静态指令v-once指令称为静态指令，被他标记的标签，调用data中的属性，只会渲染一次，后续data内容发原创 2021-05-22 21:31:50 · 268 阅读 · 1 评论 -
VUE学习：vue基础08————VUE语法对内容处理：循环指令
提示：本文为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语法对内容的处理。提示：以下是本篇文章正文内容，下面案例可供参考原创 2021-05-22 21:27:31 · 158 阅读 · 0 评论 -
VUE学习：vue基础07————VUE语法对内容处理：条件渲染
提示：本文为VUE栏目：VUE学习：vue基础07————VUE语法对内容处理：条件渲染VUE学习：VUE学习：vue基础07————VUE语法对内容处理：条件渲染前言条件渲染v-ifv-if的使用（一）基本使用（二）多次判断用法（三）延伸运用template标签v-show标签前言本文继续学习VUE语法对内容的处理。提示：以下是本篇文章正文内容，下面案例可供参考条件渲染v-ifv-if 是条件渲染指令，它根据表达式的真假来删除和插入元素，概念上和java的if 逻辑判断一致。v-if原创 2021-05-22 21:26:03 · 129 阅读 · 0 评论 -
VUE学习：vue基础06————VUE语法对内容处理：event事件对象
提示：本文为VUE栏目：VUE学习：vue基础06————VUE语法对内容处理：event事件对象VUE学习：VUE学习：vue基础06————VUE语法对内容处理：event事件对象前言事件对象event对象前言本文继续学习VUE语法对内容的处理。提示：以下是本篇文章正文内容，下面案例可供参考事件对象event对象直接调用的未传参方法，方法中默认会有第一个参数传递进去，就是event对象<!DOCTYPE html><html lang="zh-CN">&原创 2021-05-20 21:33:35 · 252 阅读 · 0 评论 -
VUE学习：vue基础05————VUE语法对内容处理：事件绑定处理和事件修饰符
提示：本文为VUE栏目：VUE学习：vue基础05————VUE语法对内容处理：事件绑定处理和事件修饰符VUE学习：vue基础05————VUE语法对内容处理：事件绑定处理和事件修饰符前言VUEVUE语法对内容处理事件绑定处理v-on指令事件修饰符.stop.capture.prevent.once前言本文继续学习VUE语法对内容的处理。提示：以下是本篇文章正文内容，下面案例可供参考VUEVUE语法对内容处理事件绑定处理v-on指令v-on用来绑定事件，冒号后面跟事件名@符号跟事件原创 2021-05-17 21:25:42 · 116 阅读 · 0 评论 -
VUE学习：vue基础04————VUE语法对内容处理：属性和样式处理
提示：本文为VUE栏目：VUE学习：vue基础04————VUE语法对内容处理：属性和样式处理vue基础04————VUE语法对内容处理：属性和样式处理前言VUEVUE语法对内容处理属性和样式处理全文代码v-bind:指令属性处理样式处理前言本文继续学习VUE语法对内容的处理。提示：以下是本篇文章正文内容，下面案例可供参考VUEVUE语法对内容处理属性和样式处理全文代码<body> <div id="app"> <!--v-bind:指原创 2021-05-17 21:24:24 · 151 阅读 · 0 评论 -
VUE学习：vue基础03————VUE语法对内容处理：基础插值处理
提示：本文为VUE栏目：VUE学习：vue基础03————VUE语法对内容处理：基础插值处理VUE学习：vue基础03————VUE语法对内容处理：基础插值处理前言VUEVUE语法对内容处理基础插值处理插值表达式v-html指令v-text指令前言本文学习VUE语法对内容的处理。提示：以下是本篇文章正文内容，下面案例可供参考VUEVUE语法对内容处理基础插值处理插值表达式数据绑定最常见的形式就是使用双大括号的文本插值：<p>可不可以{{msg}}</p>原创 2021-05-17 21:22:15 · 159 阅读 · 0 评论 -
VUE学习：vue基础02——VUE生命周期函数
提示：本文为VUE栏目：VUE学习：vue基础02——VUE生命周期函数VUE学习：vue基础02——VUE生命周期函数前言VUEVUE生命周期函数声明周期实例生命周期函数三大类1.创建期间函数2.运行期间函数组件的激活和停用3.销毁期间函数前言本文学习vue基础的生命周期函数。提示：以下是本篇文章正文内容，下面案例可供参考VUEVUE生命周期函数vue生命周期：表示vue从创建到运行再到结束的这期间，发生的各种事件和状态统称为生命周期。声明周期钩子和声明周期函数是相同的意思，只是叫法原创 2021-05-17 21:19:26 · 175 阅读 · 0 评论 -
VUE学习：vue基础01——创建vue实例
提示：本文为VUE栏目：VUE学习：vue基础01——创建vue实例VUE学习：vue基础01——创建vue实例前言VUEMVC和 MVVM开发模式MVC开发模式MVVM开发模式（前后端分离）vue 实例创建vue实例注意事项前言本文第一次尝试学习vue框架。提示：以下是本篇文章正文内容，下面案例可供参考VUEMVC和 MVVM开发模式MVC开发模式M：model模型层 数据和编程语言之间建模V：view视图层 一般都是用模板引擎来表示（前台原创 2021-05-17 21:17:03 · 323 阅读 · 0 评论