vue组件第103页

vue组件keep-alive的应用及原理

介绍keep-alive是Vue.js的一个内置组件。它能够不活动的组件实例保存在内存中，而不是直接将其销毁，它是一个抽象组件，不会被渲染到真实DOM中，也不会出现在父组件链中。它提供了include与exclude两个属性，允许组件有条件地进行缓存。应用场景比如移动端页面的基本架构是tab点击来切换页面。每个页面都是一个组件，每次切换路由，都会重新渲染这个组件。都得重新请求数据。这样会造成网络资

SunShinessx·2020-08-11 11:52

[Vue]响应式机制自实现

理论上，每一个Vue组件实例拥有一个Watcher实例，其逻辑图为：挺有意思的，在看源码前，自己照着个图实现了一下。

身披白袍·2020-08-11 11:15

Vue.js 内部运行机制 (二) ---- 响应式系统的依赖收集追踪原理

1、在Vue中，我们可能更新了不用更新视图的数据，如果没有依赖收集，则也会调用更新视图的cb函数，显然这是不合理的2、Vue页面中可能多处引用同一个Vue组件对象，更新响应式数据时，则应当更新多处视图，

xj-L·2020-08-11 11:31

vue2.x源码解析六——组件化--2.createComponent虚拟DOM组件

1.说明我们以Vue-cli初始化的代码为例，来分析一下Vue组件初始化的一个过程。importVuefrom'vue'importAppfrom'.

南张门·2020-08-11 10:41

vue element 的el-dialog弹框不刷新，插入组件不刷新

其实简单的情况下v-if可以解决这个问题但是这个时候弹框页面是组件，vue组件渲染之后再次点击需要刷新不然不会重新渲染页面（主要是新增和编辑页面都是同一个页面导致的）。这就让我很尴尬但是纠结了很久。

迟道仙·2020-08-11 05:00

vue基础知识点16-20

当Vue组件从store中读取状态的时候，若store中的状态发生变化，那么相应的组件也会相应地得到高效更新。（2）改变store中的状态的唯一途径就是

向金华·2020-08-11 00:02

vue组件之间如何通信？vue通信的多种方式

vue组件之间如何通信？

王一诺Eno·2020-08-10 23:32

浅析-vue.js

学习目标会创建Vue实例，知道Vue的常见属性会使用Vue的生命周期的钩子函数会使用vue常见指令会使用vue计算属性和watch监控会编写Vue组件掌握组件间通信了解vue-router使用了解webpack

南方有雨Ya·2020-08-10 20:21

Vue组件基础

Vue组件基础Vue的组件化思想组件化是Vue中很重要的思想：它提供了一种抽象，让我们可以开发出一个个独立可复用的小组件来构造我们的应用任何的应用都会被抽象成一颗组件树组件化思想的应用：有了组件化的思想

Cheer-Way·2020-08-10 20:08

Vue 数据响应式原理

举个简单的例子，对于模板：{{name}}创建一个Vue组件：varvm=newVue({el:'#root',

前端大全·2020-08-10 14:23

利用Vue.js实现拼图游戏

之前写过一篇《基于Vue.js的表格分页组件》的文章，主要介绍了Vue组件的编写方法，有兴趣的可以访问这里进行阅读：https://segmentfault.com/a/11...前言为了进一步让大家了解

weixin_34120274·2020-08-10 13:21

VUE+WebPack前端游戏设计：依赖VUE组件通讯机制实现场景游戏切换

更详细的讲解和代码调试演示过程，请点击链接上一节，我们已经实现了游戏的启动场景设计，本节，我们继续把游戏的进行场景和结束场景完成，并通过VUE组件的通讯机制，实现不同场景间的任意切换。

tyler_download·2020-08-10 13:42

各种学习笔记

Form错误验证提示（插槽-插槽作用域，:error="abc"属性知识）https://www.cnblogs.com/steamed-twisted-roll/p/10167501.html（2）vue

yuanyi正·2020-08-10 12:46

Vue.js框架入门之组件（上）(八）

Vue.js框架入门之组件（上）(八）定义Vue组件全局组件定义的三种方式1.使用Vue.extend配合Vue.component方法：2.直接使用Vue.component方法：3.将模板字符串，定义到

teng28·2020-08-10 11:14

Vue的生命周期钩子及Vue 组件中的路由钩子

beforeMount模板编译、挂载之前mounted模板编译、挂载之后beforeUpdate组件更新之前update组件更新之后beforeDestroy组件销毁之前调用destroyed组件销毁后调用Vue

蒂萨科博克·2020-08-10 11:31

Vue组件传值

学习vue的传值心得，刚入门vue，大佬勿喷，请多多指教。1.父组件传值子组件父组件嵌套子组件式，在标签里绑定子组件用props属性接收例：//父组件传值，：为缩写，等同于v-bind:obj='item'props:['obj','count']//子组件接收传值，可直接使用，但是推荐在下方重新赋值给新变量再使用2.子组件传值父组件子组件用this.$emit传值给父组件父组件在标签里绑定接收例

vagg13·2020-08-10 11:07

学习vue看这篇文章就够了

nodejs.cn/download/用npm安装vue-cli到电脑npminstall@vue/cli-g通过vue-cli生成vue基础项目vuecreatevueapp开始你的编码2.完善自己的vue项目1.vue

yuanyi正·2020-08-10 08:20

2020.8.07 微信小程序（组件封装）

那么组件到底怎么封装，其实就和vue组件封装的思想一样的最近在写这样一个小程序：可以看到页面是有很多小块组成的，如果都在home页面开发的话，先不说js逻，就页面布局也很费劲，后期代码也不好维

zj-zhangjie·2020-08-10 08:45

京东笔试题201709082127

jqeury中设置渐变为给定的透明度fadeTo()方法vue某一属性的值发生变哈后,视图会立即同步重渲染vue实例创建后再添加的属性,改属性变动不会触发视图更新计算属性只有它的相关依赖发生改变时才会重新求值vue

初漾·2020-08-10 07:50

vue（9）—— 组件化开发 - webpack（3）

现在终于进入vue的开发了vue组件化开发预热前期准备创建如下项目：app.js:footer.js:main.js:webpack.config.js:同样的生成两个webpack配置文件，webpack.dev.config.js

dingyu6453·2020-08-10 06:42

vue中v-html中标签添加CSS样式

在Vue组件中，我们可以使用标签来添加针对该组件的CSS样式。.

岳小哥·2020-08-10 04:40

Webpack配置vue组件的加载器（vue-loader）报错解决

首先介绍一下如何使用webpack来配置vue组件。

蜗牛蜗牛大哥·2020-08-10 04:39

Vue页面的搜索条件中对时间范围是同一天日期的处理

一.第一种情况，简单粗暴1.直接改VUE组件①项目中用的组件是这种日期选择器：②修改后的组件为日期时间选择器由此，修改组件后，就会有

醉梦洛·2020-08-10 03:32

vue-loader学习笔记

1：vue-loader简介vue-loader是一个webpack的loader；可以将vue文件转换为JS模块；2：vue-loader特性（1）ES2015默认支持（2）允许对VUE组件的组成部分使用其他

陌上浮屠·2020-08-10 03:50

移动端web开发初探之Vuejs的简单实战

DEMO的github地址在这里移动端用下拉刷新的方式实现上拉加载移动端(手机端)页面自适应解决方案—rem布局篇一个VUE组件：实现子元素scroll父元素容器不跟随滚动（兼容PC、移动端）移动端rem.js

前端库·2020-08-10 02:39

手摸手教你用 Storybook 改善组件库的开发

在上一篇文章《手摸手教你封装跨项目复用的Vue组件》中，介绍了一例用rollup.js封装Vue.js组件库的实践；限于篇幅和复杂度，其中组件的即时调试预览部分，也同样采用了rollup一并配置出来，虽然完全够用

tonylua·2020-08-10 01:44

web audio API实现可视化音乐盒

因为项目中用了vuecli框架，音乐盒以vue组件的形式编写，图标用到了阿里图标库，如果你想直接使用该组件需要替换下图标，css变量。

璡龙鱼·2020-08-09 16:06

vue组件中的样式属性：scoped，解决在父组件中无法修改子组件样式问题

vue组件中的style标签标有scoped属性时表明style里的css样式只适用于当前组件元素，它是通过使用PostCSS来改变以下内容实现的：.example{color:red;}hi//渲染结果

逆境中徘徊·2020-08-09 16:23

vue页面中嵌入iframe外源地址页面监听iframe 中事件

1.需求vue中需要嵌入iframe地址是第三方的当iframeh中页面点击的时候.vue需要监控到这个事件将本页面关闭.代码中js发送和接收方法//vue组件中是个弹框exportdefault{data

xinxin_zhu·2020-08-09 16:14

Vue中使用v-for生成dom删除元素错乱的问题

vue组件里使用v-for时很容易忽略了每一项的key值，遇到的问题如果后续需要对数组进行删除操作的情况下，需要加上key值而且要绑定该数组项的唯一标识来标识每一个生成的dom元素，这样就不会导致改动数组数据后

若晨工作室·2020-08-09 15:48

uni-app (组件以及api) 的速读

uni-app的指南(其中js方面的api需要做非常多的兼容，不是很划算)uni-app的组件（即是标签）与小程序的相同，如view,text,#image,navigator等uni-app的组件规范与vue

weixin_43910427·2020-08-09 15:11

我终于迈出了第一步——vue组件封装（分离）

大家都知道用vue开发对程序员来说非常棒啦！当然，其实只是因为是现在的主流而已。当然，对小白我来说，只觉得数据双向绑定有用而已，哈哈哈哈哈！最近，小白我终于，又上了一个台阶，那就是！终于肯封装组件啦！（注意是肯不是会，因为懒，我不管！）以前用vue做项目的时候，遇到公共的地方，直接复制粘贴，多好！（一直都觉得复制粘贴最省事，当时的想法：复制粘贴还能多很多行代码–>以前听说程序员的薪水是按代码的行数

吕小胖纸·2020-08-09 15:00

Vuex1

当Vue组件从store中读取状态的时候，若store中的状态发生变化，那么相应的组件也会相应地得到高效更新。2你不能直接改变store中的状态。

檀小泡泡·2020-08-09 15:34

基于vue的网页标尺辅助线工具(vue-ruler-tool)

So...,就照葫芦画瓢改装成了Vue组件，总的来说算是一个用处较多的组件，于是乎，就想着把它分享出来。

weixin_33895604·2020-08-09 14:13

vue-json-view 一款用于展示json的vue组件，支持大体积json文件快速解析渲染

在线示例开发背景：项目开发过程中遇到展示json的场景，且json文件体积过大，小则几百kb，也尝试了已经开源的部分组件，但由于节点过多，渲染速度过慢，无法使用，已有项目技术选型为vue，无法再使用react相关技术，所以考虑自己开发一款。开发过程中参考了react-json-view部分api,组件实现的功能比较基础，但满足基本业务场景，也提供了一些可选配置。即使加载1M左右的json文时，结合

weixin_33841503·2020-08-09 14:31

前端Vue开发过程使用相关组件及库

2019独角兽企业重金招聘Python工程师标准>>>UI组件-[elementui]vueui组件库-[viui]MetroUI风格的Vue组件库-[ydui]一只基于Vue2.x的移动端&微信UI-

weixin_33796177·2020-08-09 14:23

模仿element-ui封装vue组件库（六）

十二、封装成ui组件库我们在前面已经将组件全部封装完毕了，现在我们要将组件打包成组件库，上传到github上。由于是模仿element-ui进行的组件封装，所以在发布时也是用element-ui的打包结构。12.1目录调整我们新建一个vue项目，并且在根目录创建两个文件夹就packages和examples。packages：用于存放所有的组件examples：用于进行测试，把src改为examp

耳鼻喉科魏主任·2020-08-09 13:46

vuex中的getter值赋值给vue组件里的data

通过watch将orderDetailsData对象赋值给data中的consignee对象，这样能将操作能避免v-model修改时，直接改动vuex中的值。 data(){return{consignee:{}}},computed:{...mapGetters(['orderDetailsData',])}, watch:{orderDetailsData:{handler:func

不停奔跑的牛二牛·2020-08-09 13:31

对vuex中store和$store的区别说明

$store.state.userName}}1、$store是挂载在Vue实例上的（即Vue.prototype），而组件也其实是一个Vue实例（所有组件都是实例，每个组件都是一个vue实例，所有的Vue

·2020-08-09 11:03

19 Vue组件切换及设置切换动画

组件切换A双组件切换使用v-if和v-else指令进行双组件切换。组件登录注册登录组件注册组件Vue.component("login",{template:"#templ",data(){return{}}})Vue.component("regist",{template:"#temp2",data(){return{}}})varvm=newVue({el:"#app",data:{flag

木夕・◇・·2020-08-09 11:57

Vue钩子函数之钩子事件hookEvent,监听组件

在Vue组件中，可以用过$on,$once去监听所有的生命周期钩子函数，如监听组件的updated钩子函数可以写成this.

周家大小姐.·2020-08-09 11:37

Vue 中实现 div 在页面滚动后停留在页面固定位置

实现效果如下：需要设置的vue组件exportdefault{//页面创建钩子函数中添加事件监听created(){this.listenerFunction()},methods:{//事件监听监听页面的

丿Mr_Liu·2020-08-09 11:35

vue组件可视化_Vue HTML5音频可视化组件

vue组件可视化视听(vue-audio-visual)VueJSaudiovisualizationcomponents.VueJS音频可视化组件。

cuk5239·2020-08-09 07:16

在npm上发布自己的vue组件库（使用npm install 或者 CDN的方式引用）

一、npmpublish发布包到npm库的命令是npmpublishnpmpublish发布包，需要先配置webpack.json文件，如果没有webpack.json文件，可以通过npminit命令初始化一个package.json的部分字段简介如下name：发布的包名，默认是上级文件夹名。不得与现在npm中的包名重复。包名不能有大写字母/空格/下滑线!version：你这个包的版本，默认是1.

ayxh0071·2020-08-09 07:57

vue组件回调返回值，让你的代码更为简洁

缘由最近写公司业务代码的时候遇到这样一个需求，我写这块部分需要新增加一个弹窗，进行二次确认。使用的组件库是比较老的antdesginvue1.2.4。这个组件库是没有像elementUI的confirm方式可以自定义html部分的。但是我的内容其实非常少。如果用传统的直接写弹窗的二次确认方式缺点1：业务代码会变得很多缺点2：我本身是在别人已经做完的基础上新增一个接口拦截，参数是传递给另一个函数。可

ZXH0122·2020-08-09 06:42

axios用post提交的数据格式

FrontJS·2020-08-09 06:26

Vue 爬坑之路（九）—— 用正确的姿势封装组件

在开发过程中，结合Vue组件化的特性，开发通用组件是很基础且重要的工作通用组件必须具备高性能、低耦合的特性为了满足这些特性，开发的时候有很多需要注意的地方，这里我和大家分享一下我的心得一、数据从父组件传入为了解耦

weixin_33842328·2020-08-09 05:35

vue中v-for为何要加key？index为何不推荐作为key

在使用vue组件的时候，我们经常会遇到v-for必须要加key值来举个例子进行说明吧！

web_angula·2020-08-09 04:09

vue组件注册--全局注册：使用require.context实现前端工程自动化（实现全局组件自动化注册的js脚本）

vue组件注册–全局注册：使用require.context实现前端工程自动化（实现全局组件自动化注册的js脚本）vue的组件注册分为全局注册和局部注册，使用上的基本区分如下：本文脚本为参考vue官网文档

秃头飘·2020-08-09 03:12

vue组件间通信问题

****我的项目中的问题一、在vue中引入全局js文件步骤一、将js文件放在vue中的assets文件夹中步骤二、在.gitignore中添加一行代码：src/assets/js/mui.js步骤三、在babel.config.js中添加"ignore":["./src/assets/js/mui.js"]步骤四、在main.js中引入，importmuifrom"@/assets/js/mui.

魑魅魍魉魃魈·2020-08-09 01:50

推荐频道

vue组件