二、自定义指令的钩子函数Vue 提供了自定义指令的5个钩子函数：bind：指令第一次绑定到元素时调用，只执行一次。在这里可以进行一次性的初始化设置。inserted：被绑定的元素，插入到父节点的 DOM 中时调用（仅保证父节点存在）。update：组件更新时调用。componentUpdated：组件与子组件更新时调用。unbind：指令与元素解绑时调用，只执行一次。注意：除 update 与 c
转载
2024-06-28 20:35:12
264阅读
如果使用 ObjectDataSourceMethodEventHandler 对象处理 Selecting、Updating、Inserting 或 Deleting 事件，则可以使用 InputParameters 属性访问和操作这些参数。此字典中参数的任何更改都将影响到为操作所调用的方法重载。当设置了 ObjectDataSource 控件的 DataObjectTypeName
转载
2024-07-24 16:48:43
153阅读
vue中$forceUpdate的使用vue中的$forceUpdate是强制更新的意思，之前没太怎么用过，最近看了下，觉得还挺有意思的，一起来看看是咋用的。深结构数据首先我们知道在vue中，数据的绑定都不用我们操心，例如在data中有一个msg的变量，你修改它，那么在页面上，msg的内容就会自动发生变化。但是如果对于一个复杂的对象，例如一个对象数组，你直接去给数组上某一个元素增加属性，或者直接把
转载
2024-04-22 16:35:35
280阅读
SharedWorker 共享工作者线程最近搞了个websocket通讯，但是发现在多开浏览器页签的时候ws也会多开一个，但是基于浏览器机制情况下 chrome会干掉新开的页签导致新页签查看GG了， 只能开一个页签这就很蛋疼了。(后来发现是因为自己的弹出告警的Notification调用了window.close()，但是这个知识点还是有用的，因为这个等于说共享了websocket信道，只使用一个
转载
2024-01-21 05:44:05
173阅读
1安装在使用jsx之前我们需要安装一个babel插件（babel-plugin-transform-vue-jsx ）安装方式：然后在.babelrc里面添加：2在vue里面编写jsx接着我们就可以愉快地在vue里面编写jsx了。Test.vue可以看到我们把jsx写在了render方法里面，render方法是vue2.0才支持的，用来提供对虚拟DOM的支持，也就是说只有vue2.0才支持jsx语
转载
2023-08-17 17:56:03
301阅读
文章目录
前言
一、开始
1.安装
2.创建
3.创建Mock数据
总结
前言
作为一个成熟的前端大可爱，我们可要栗志摆脱对哦后端的依赖，我们受够了后端带来的乱七八糟的过鬼东西啦，我们要自立，那么mock.js是我们的第一步了。想写出一个漂漂亮亮的页面或练习，却苦与没有后端俩对接没有数据。只些都不用烦恼啦。用mock
转载
2024-04-07 00:03:49
61阅读
Vue教程Vue安装与使用Vue起步Vue基本结构Vue基本指令{{ }}和v-cloakv-text 和 v-htmlv-bind 和 v-onv-modelVue绑定样式Vue循环指令Vue条件语句Vue过滤器Vue按键修饰符Vue自定义指令Vue监听属性Vue计算属性Vue生命周期图示：钩子函数Vue ajax安装方法get方法post方法axios APIconfig配置Vue动画语法格
转载
2023-12-06 21:07:21
122阅读
JS SharedWorker介绍/广播/Vue使用一、SharedWorker介绍二、SharedWorker使用1、兼容性2、创建3、通讯4、启动和关闭5、调试6、最简单demo6.1 SharedWorker.js 代码6.2 Page1.html 代码6.3 Page2.html 代码6.4 结果输出三、SharedWorker使用注意项四、广播示例4.1 SharedWorker.js
转载
2024-01-04 13:43:14
107阅读
前景： 公司做一个包含websocket的项目，我用的是vue做的，开始只有一个组件的要求demo，就将websocket的配置直接放在组件方法中，组件挂载时直接初始化ws，但是后续组件增加，开始出现多个websocket链接的情况，是不允许的。刚开始的做法是将websocket的方法配置等封装为一个js文件给各个组件调用，当离开组件页面进入新页面时会断连旧的ws新建一个ws，以为做到了独立，但是
转载
2024-02-19 01:57:24
64阅读
网络应用的核心就是data中的数据一部分是通过网络获取到的。所以在方法当中发起网络请求，在响应回来之后将服务器返回的数
原创
2023-08-05 00:44:42
335阅读
Vue基本使用方法基本使用想让Vue工作，就必须创建一个Vue实例，且要传入一个配置对象root容器里的代码依然符合html规范，只不过混入了一些特殊的Vue语法root容器里的代码被称为【Vue模板】Vue实例和容器是一一对应的真实开发中只有一个Vue实例，并且会配合着组件一起使用{{xxx}}中的xxx要写js表达式，且xxx可以自动读取到data中的所有属性一旦data中的数据发生改变，那么
转载
2024-06-22 15:01:54
29阅读
随着项目的日益增大，维护状态，成为了一件必须且比较繁琐的事情。出现了很多优秀了状态管理工具，数据管理，组织state让我们一起来看下，vue中使用vuex和react中使用redux有什么区别。vuex
参考链接：https://vuex.vuejs.org/zh/要想使用vuex，在你的项目目录下执行如下命令。第一步：下载依赖包vuex npm install --save-dev vuex第二
转载
2024-04-25 13:59:24
32阅读
监听组件的生命周期watch 的初始立即执行路由参数变化组件不更新路由懒加载require.context()递归组件自定义路径别名动态给修改dom的样式长列表性能优化内容分发(slot)事件修饰符表单修饰符生命周期函数组件 attrs 和 listeners路由守卫路由缓存 keepaliveVue.useVue.mixinVue.extendVue.directive监听组件的生命周期比如有父
转载
2024-04-25 20:47:25
34阅读
1、vue父子组件传值方式1、props
2、v-model
3、.sync 父组件向子组件传的值，子组件可以直接修改父组件的值
4、ref
父组件通过ref直接拿到子组件的属性或方法
5、$emit
父组件给子组件定义事件，子组件中emit触发，参数（事件名，参数）
6、$children&$parent
获取到一个包含所有子组件的对象数组，直接拿到父子组件的属性和方法
转载
2024-07-19 14:34:02
93阅读
vue中使用layUI
原创
2022-03-10 09:44:15
1201阅读
vue中使用layUI
原创
2021-09-01 09:40:08
1540阅读
一.安装 npm install --save vue-fullpage.js 二.引入 注册组件 // main.js import 'fullpage.js/vendors/scrolloverflow' // Optional. When using scrollOverflow:true i ...
转载
2021-08-24 19:48:00
762阅读
2评论
1、新建Vue实例每个 Vue 应用都是通过用 Vue 函数创建一个新的 Vue 实例开始的。通过 Vue 函数新建一个 vue 应用：<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="
转载
2024-05-08 20:04:25
56阅读
安装 vue-baidu-map（官方网站）NPM$ npm install vue-baidu-map --saveCDN<script src="https://unpkg.com/vue-baidu-map"></script>组件注册全局注册全局注册将一次性引入百度地图组件库的所有组件。第一种：main.js中添加import Vue from 'vue'
impo
转载
2024-03-29 07:52:19
66阅读
JS Worker介绍及在vue中使用一、Worker介绍二、Worker应用场景三、Worker使用1、兼容性2、创建3、通讯4、最简单demo4.1主线程html页面4.2子线程代码4.3结果输出5、关闭6、错误处理7、导入文件8、多线程嵌套四、Worker使用注意项五、vue中使用Worker1、常规使用1.1 建立子线程js1.2 vue文件使用2、vue-worker使用2.1vue-
转载
2024-03-26 15:18:39
351阅读
