BingCola的博客_Vue2

vue 打包出现的缓存问题

vue 项目每一次打包上线，都会有浏览器缓存问题，需要用户手动清除缓存，十分麻烦。

vue.js

前端

javascript

时间戳

解决方案

原创 2022-09-04 00:18:10 1489 阅读

vue3中多环境配置打包

vue多环境配置及打包env.development（开发环境）.env.production（生产环境）.env.test（测试环境）

vue.js

前端

javascript

生产环境

ios

原创 2022-08-28 00:03:22 423 阅读 1收藏

Vue子组件调用父组件方法

一、直接在子组件中通过this.$parent.event来调用父组件的方法<template> <div>

Vue子组件调用父组件方法

原创 2022-07-20 06:35:42 1040 阅读

Vue中computed与watch

computed (计算属性)支持缓存，只有依赖数据发生改变，才会重新进行计算不支持异步，当computed内

computed

watch

computed watch

数据

ecmascript

原创 2022-07-20 06:33:06 231 阅读

Vue中的diff算法

diff算法是一种优化手段，将前后两个模块进行差异化对比，修补（更新）差异的过程叫做patch(打

数据

唯一标识

复用

原创 2022-07-20 06:32:47 101 阅读

vue.js之子组件向父组件传递数据

$emit (传递数据) 触发当前实例上的事件。附加参数都会传给监听器回调。$on (接收数据) 监听

vue

vue-js

子组件向父组件传递数据

数据

自定义事件

原创 2022-07-20 06:31:27 150 阅读

vue.js之render

vue

vue-js

render

html

h5

原创 2022-07-20 06:31:20 101 阅读

vue.js之 directive 自定义指令

自定义一个demo指令Vue自定义指令语法如下：Vue.directive(id, definition)传入的两个参数，id是指指

vue

vue-js

自定义指令

directive

钩子函数

原创 2022-07-20 06:31:09 145 阅读

vue.js之mixins混合

混合以一种灵活的方式为组件提供分布复用功能。混合对象可以包含任意的组件选项。当组件使用了混合对象时

vue

vue-js

mixins

构造器

数据

原创 2022-07-20 06:31:03 80 阅读

vue.js之快速入门

vue的安装安装先不详讲，先直接引入官方cdn<script src="https://cdn.jsdelivr.net/npm/vue"

vue

视频教程

控件

表单

原创 2022-07-20 06:28:36 84 阅读

vue.js之v-for

v-for 指令（列表渲染）list是数组 <div id="app"> <div v-for="item in list">{{item}}</div> </div

vue

vue-js

v-for

数组

原创 2022-07-20 06:28:19 51 阅读

vue.js之filter过滤器

vue.js filter 过滤器

vue-js

filter-过滤器

javascript

数组

实例化

原创 2022-07-20 06:28:11 130 阅读

vue.js之v-model与v-once

v-model指令( 双向绑定 )v-model 会忽略所有表单元素的 value、checked、selected 特性的初始值

vue

vue-js

v-model

v-once

语法糖

原创 2022-07-20 06:28:07 120 阅读

vue.js之v-text 与 v-html

v-text 与 v-html 的区别类似于 jquery 里 .text() 和 .html() 的区别v-text 指令 <div id="app"> <p v-text=", dat

vue

vue-js

v-text

v-html

html

原创 2022-07-20 06:27:53 51 阅读

vue.js之v-show 与 v-if

v-show 指令v-show 根据表达式之真假值来控制元素的显示/隐藏的（css的display属性）。带有 v-show

vue

vue-js

v-if

v-show

css

原创 2022-07-20 06:27:38 123 阅读

Vue2 生命周期

vue 实例的生命周期<div id="app"> {{name}}</di

vue

vue-js

生命周期

Vue2 生命周期

数据

原创 2022-07-20 06:27:29 322 阅读

vue.js之 todolist 简单综合实例

todolist 效果图：具体代码：<!DOCTYPE html><html><head> <meta charset="UTF-8"> <m

vue

html

scala

css

原创 2022-07-20 06:27:18 83 阅读

vue.js之组件

Vue.component 注册全局组件基本步骤Vue.js的组件的使用有3个步骤：创建组件构造器、注册组件和使

vue

vue-js

vue组件

构造器

html

原创 2022-07-20 06:26:52 349 阅读

vue.js之动态组件

:is 动态组件使用 v-bind:is=”组件名”，会自动去找匹配的组件名，如果没有，则不显示；<div id data: { which

vue

vue-js

加载

原创 2022-07-20 06:26:45 237 阅读

Vue之slot插槽和作用域插槽

没有slot的情况<div id="app"> <child> <span>1111</span> </child></div><script>

vue

slot

插槽

作用域插槽

作用域

原创 2022-07-20 06:26:41 163 阅读

Vue组件通信方式总结

组件实例的作用域是孤立的。这意味着不能在子组件的模板内直接引用父组件的数据。如下代码中，

vue组件通信

数据

初始化

事件总线

原创 2022-07-20 06:26:30 119 阅读

Vue.js之$refs

尽管有 prop 和事件，但是有时仍然需要在 JavaScript 中直接访问子组件。为此可以使用 ref 为子组

vue

vue-js

ref

ide

h5

原创 2022-07-20 06:26:19 132 阅读

vue.js之v-on与v-bind

v-on 指令<div id="app"> <button v-on:click="say">点击</button> <!--简写:<button @clic

vue

vue-js

v-on

v-bind

修饰符

原创 2022-07-20 06:16:37 121 阅读

关于vue-cli项目build后本地和github pages预览问题

前言最近在初步完成自己的掘金移动端App后，想要上传到github，并且制作一个简

数据

字体图标

加载

原创 2022-07-19 20:33:09 191 阅读

vue-cli 2.9.3 详细入门教程

https://github.com/Trojain/vue-cli-2.9.3一、安装vue-cli1.使用npm全局安装vue-cli（前提是你已经安装了nodejs，否则你连npm都用不了），命令如下：npm install vue-cli -g.2.可以用vue -V来进行查看 vue-cli的版本号。注意这里的V是大写的。如果vue -V的命令能显示版本号，说...

vue-cli

vue

css

依赖包

配置文件

原创 2022-07-19 20:32:51 163 阅读

.eslintrc.js相关配置

.eslintrc.js

javascript

单引号

github

原创 2022-07-19 20:32:11 303 阅读

elementUI表单校验

注册组件表单校验<template> <div class="registerContent"> <nav id="nav-bg"></nav> <div class="mai

图片验证码

手机验证码

大小写

原创 2022-07-19 20:32:03 181 阅读

vue之动画( 仿jquery的slideToggle动画效果 )

Vue提供了transition组件，写法：<transition name="box"></transition>

vue动画

ide

类名

jquery

原创 2022-07-19 20:31:56 479 阅读

Vue.$nextTick()

Vue.$nextTick(callback)，当dom发生变化更新后执行的回调。$nextTick是tion (...

$nextTick

this.$nextTick

数据

html

事件循环

原创 2022-07-19 20:31:49 155 阅读

vuex详解

一、简介我们来看看对Vuex比较专业的介绍： Vuex是一个专为Vue开

vuex

vuex项目实例

VueX-Vue状态管理模式

数据

全局对象

原创 2022-07-19 20:31:44 116 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

Bing的博客

vue 打包出现的缓存问题

vue3中多环境配置打包

Vue子组件调用父组件方法

Vue中computed与watch

Vue中的diff算法

vue.js之子组件向父组件传递数据

vue.js之render

vue.js之 directive 自定义指令

vue.js之mixins混合

vue.js之快速入门

vue.js之v-for

vue.js之filter过滤器

vue.js之v-model与v-once

vue.js之v-text 与 v-html

vue.js之v-show 与 v-if

Vue2 生命周期

vue.js之 todolist 简单综合实例

vue.js之组件

vue.js之动态组件

Vue之slot插槽和作用域插槽

Vue组件通信方式总结

Vue.js之$refs

vue.js之v-on与v-bind

关于vue-cli项目build后本地和github pages预览问题

vue-cli 2.9.3 详细入门教程

.eslintrc.js相关配置

elementUI表单校验

vue之动画( 仿jquery的slideToggle动画效果 )

Vue.$nextTick()

vuex详解