vue组件

h5中的横屏判断与提示，vue组件封装

通过H5新特性orientationchange事件判断是否横屏window.onorientationchange=function(){if(window.orientation===90||window.orientation===-90){alert('横屏了')}else{alert('没有横屏')}}在vue中:为了您的良好体验请将手机/平板竖屏操作exportdefault{name
胜天一子半·2020-07-11 18:06

【H5唤起微信“扫一扫”】舒工自定义微信H5唤起扫码Vue组件sg-scan.vue（扫码按钮大概是在底部），注意只是代码片段，不含微信鉴权业务流程

//importwxfrom"weixin-jsapi";//这个快要被废弃了1.0.0importwxfrom"weixin-js-sdk";//要用微信的屌方法必须要引入这个玩意儿！！！exportdefault{data(){return{isToUp:false,defaultScanErrorText:"该码不属于本系统，暂不支持识别！"};},/*【属性说明】(均为非必须参数)only
舒工·2020-07-11 18:54

vue组件通讯（一）

一、创建组件和使用组件1、全局创建Vue.component('testCom',{template:'我是一个测试组件'});2、局部创建第一步:先创建一个单文件组件例如：testcom.vue我是一个测试组件111122222exportdefault{}第二步：在需要的文件中引入刚才的testcom.vue，并注册引入：importtestComfrom'@/pages/home/testc
林凡博·2020-07-11 12:02

Vue 快速入门:安装教程

41330022/article/details/90293502学习目标会创建Vue实例，知道Vue的常见属性会使用Vue的生命周期的钩子函数会使用vue常见指令会使用vue计算属性和watch监控会编写Vue
lixp3·2020-07-11 12:26

Vue全局组件的使用

vue组件化是非常方便的，能节省很多代码量，那么vue的全局组件是如何使用呢，首先先声明一下，然后将自定义的组件标签插入到代码中。
lixiaoyan_star·2020-07-11 11:18

Vue组件之间的三种数据传递方式

Vue的组件作用域都是孤立的，不允许在子组件的模板内直接引用父组件的数据。必须使用特定的方法才能实现组件之间的数据传递。1-props:子组件的模板内并不能直接使用父组件的数据，所以子组件需要用props选项来获取父组件的数据。1-动态语法：用v-bind将动态props绑定到父组件的数据，父组件的数据发生改变，子组件也会随之改变//传入获取的数据，引号里面为获取到的数据window.onload
微笑吧_5464·2020-07-11 08:56

Vue组件调试遇到的坑,触发断点,但没有进入对应的文件

Vue组件调试遇到的坑,触发断点,但没有进入对应的文件今天遇到这样一个问题我再一个index.vue组件里调试,写下一个debugger,在运行时,也确实触发了断点,但显示的文件却不是我打断点的那个文件而是在
拿我格子衫来·2020-07-11 06:31

Vue组件之间的两种常用通信方式

最近都一直学习Vue的知识，看了不少视频，之前完全不了解前端知识，所以还是遇到很多困难，用惯了强类型语言来看js的代码真的有种感觉随笔写都不影响编译的感觉。今天总结一下Vue中的组件传值问题。这里使用的demo直接vueinitwebpack-simple****命令初始化的。父子组件通信父组件传递给子组件多重类型我们可以在props中做类型检测，下面看父子组件的代码。父组件通过传值，子组件直接调
JabamiLight·2020-07-11 01:30

vue组件

自定义组件点击按钮每次增加1因为组件是可复用的Vue实例，所以它们与newVue接收相同的选项如data、computed、watch、methods仅有的例外是像el这样根实例特有的选项组件可以进行任意次数的复用组件的data必须是一个函数因此每个实例可以维护一份被返回对象的独立的拷贝组件的注册类型：全局注册和局部注册每个组件必须只有一个根元素Prop可以在组件上注册的一些自定义特性自定义tit
青青玉立·2020-07-10 22:52

Vue入门：Vuex 实例

如果你在使用vue.js,我想你可能会对vue组件之间的通信感到崩溃。哪有没有解决办法呢？Vuex：管理vue.js开发的状态管理模式，集中管理了组件的状态和数据。
小丶侯·2020-07-10 18:18

Vue组件实现分页

一.介绍本方法利用vue的父子组件实现分页功能，UI来自bootstrap。实现效果是最大页数小于五时全部显示，分页只显示五个页数，具体页码显示范围根据当前页与最大页数来变换。效果如下图所示：二.子组件部分Vue.component('page-divide',{props:['index','maxpage','curpage'],computed:{pagelist:function(){//
巨大星星星·2020-07-10 17:56

VUE专题（一）vue2.0数据双向绑定 +表单bootstrap+vue组件

vue.png很久没有动手写过文章了，今天推送有3个人喜欢了我的文章，我很是惊讶，毕竟这么久没更了。说明我写的东西还是对大家有帮助的。Paste_Image.png最近一直在用vue，觉得确实是好用。一，拿数据的双向绑定来说吧demo1{{name}}newVue({el:'#app',data:{name:''},watch:{name:function(){console.log(this.n
腿毛崩你一脸·2020-07-10 14:32

vue组件间的通信

所及对vue组件间的通信做如下小结：父子组件间的通信子组件使用父组件的数据子组件要显式地用props选项声明它期待获得的数据，声明props有两种形式：1.数组形式一般情况下，我们使用简单的数组形式即可
一枚程序猿·2020-07-10 14:47

vue省市区三联动下拉选择组件的实现

我们曾经经常会遇到需要选择省市区的需求,我们可能是找一个插件来实现,但是有了vue之后,我们自己完全可以简单的实现这个效果,并封装为独立的.vue组件,便于日后使用我们今天来实现一个利用vuejs开发的省市区三联动的组件
东边的小山·2020-07-10 13:12

vue组件实现v-model双向绑定

vue组件实现v-model双向绑定简单了解下v-modelv-model原理测试例子关于踩到的坑简单了解下v-modelVue官网API:v2/api/#model.自定义组件在使用v-model时定制
hey_meow·2020-07-10 13:29

vue组件拖拽 -创建坐标点

最近公司有个需求，需要实现组件拖拽，实现方式:主要通过vue组件实现，通过在网上查找资料，发现没有真正符合需求的例子，但是有一些功能可以参考，无奈之下打算自己封装一个，一方面也想证明一下自己的能力，此篇博文只是记录一下
xiaokai123_·2020-07-10 12:17

vue组件拖拽-矩形自由拖拽

最近公司有个需求，需要实现组件拖拽，实现方式:主要通过vue组件实现，通过在网上查找资料，发现没有真正符合需求的例子，但是有一些功能可以参考，无奈之下打算自己封装一个，一方面也想证明一下自己的能力，此篇博文只是记录一下
xiaokai123_·2020-07-10 12:17

Vue组件化开发中的一点坑

废话不多说直接线上代码：局部组件和全局组件{{infomation}}{{message}}//第一步：创建组件构造器//////-->constinfor=Vue.extend({template:`这里是标题我是H1标题我是H2标题我是H3标题我是H4标题我是H5标题我是H6标题>`})//第二步注册组件//Vue.component('info',infor);//第三步，使用组件//这里需
棋王一生·2020-07-10 11:21

设置字体font-family --项目开发记录（六）

设置弹窗出现点击弹窗的向下箭头或者选择字体后关闭弹窗选择字体后选中的那列显示高亮，并且EbookMenu组件中的设置按钮中的文字也发生变化选择字体后电子书的字体随之改变在菜单栏和标题栏关闭的时候，设置弹窗也关闭功能点1实现创建EbookSettingFontPopup.vue
weixin_43756060·2020-07-10 10:29

Vue中混入mixins介绍和使用（通俗版）

混入混入(mixin)提供了一种非常灵活的方式，来分发Vue组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。
_Boboy·2020-07-10 10:51

《vue.js从入门到项目实战》之Vue项目化笔记

前置内容：vue的基础知识上次学习了《vue.js从入门到项目实战》的前六章，重点学习了第二、三、四章的Vue实例和模板语法；了解了一下Vue组件（可复用的Vue实例）和Vue项目化（VueCLI、Vuerouter
wsdchong之小马过河·2020-07-10 10:26

Vue组件间数据共享

Vue组件间数据共享使用Vuex组件间数据传递在一些Vue前端项目中，一个页面可以看作是由一些子组件拼装成的。但经常一些数据在多个组件中都要用到，并且要保证数据的实时更新。
BlackCarbo·2020-07-10 10:07

前端架构之路：数据驱动型组件-HeyUI，一个新型的VUE组件库

或者也看下我们自我介绍的文章：HEYUI，新的vue组件库发布啦~~。前言有很多人对于我写的关于HEYUI的config全局配置不是很容
weixin_33890526·2020-07-10 07:09

Vue组件化开发

Vue的组件化设计到的内容又非常多，当在面试时，被问到：谈一下你对Vue组件化的理解。这时候又有可能无从下手，因此在这里阐释一下个人对Vue的组件化的理解。
weixin_30856725·2020-07-10 07:00

利用webpack打包自己的第一个Vue组件库

先说一下这篇文章的诞生原因。我们有一个这样的项目，类似或者说就是一个仪表板-Dashboard，其中的各个部分可能不是一个部门写的……我们需要提供拖拽布局（大小和位置）和展示的能力。要实现这样一个功能，想了好几种方式实现（后面的笔记详说），最后选择了这篇笔记的实现方式：写整个项目的，算是使用方；写每个组件的，算是vue类库（UI、组件库）的提供方。之后就是我们如何使用这些类库的问题了，就像我们使用
weixin_30695195·2020-07-10 06:56

【vue】vue组件化开发初体验-示例vue-loader-example学习记录

来自vue官方示例：https://github.com/vuejs/vue-loader-example使用了vuejs和webpack，以及一系列webpack加载器，如vue-loader依葫芦画瓢，试了试，有些具体分析还需要再学习学习，先简单记录下具体的做法，屡屡思绪。添加github练习源码：https://github.com/dingyiming/learn-Js-vuejs/tre
老衲贫僧·2020-07-10 03:55

[译] 对比 React Hooks 和 Vue Composition API

dev.to/voluntadpear/comparing-react-hooks-with-vue-composition-api-4b32Vue最近提出了CompositionAPIRFC，一种新的书写Vue
tonylua·2020-07-10 03:57

vue组件库 element-ui常见问题总结

ps:以下改变element-ui默认的样式时都不能加scoped，可以加一个唯一前缀避免污染全局样式改变默认样式都可以通过打开控制台查看层级和类名进行更改el-table相关1.改变hover时表格的背景颜色.el-table.el-table__body-wrapper.el-table__bodytr.el-table__row:hover>td{background-color:#ffff
saberrrrrrrr·2020-07-10 01:38

常用网站网址开发及api接口分享（免费）——纯素材分享

DvaJS官方文档，它是处理数据流的一个react应用框架，在开发React时有不理解State，view，Action，connect，dispatch的必看这个，跳转3.Vant轻量、可靠的移动端Vue
Bob_789·2020-07-10 01:20

vue使用之混入（mixins）

混入(mixins)是一种分发Vue组件中可复用功能的非常灵活的方式。混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被混入该组件本身的选项。
前端李小白·2020-07-10 00:06

vue之mixins混入

今天get到一个解决方案，关于单vue组件过大拆分的问题。
神魔恋同学·2020-07-10 00:43

【教程视频分享】最容易上手的Vue 2.0入门实战教程视频

第2章Vue简介对vue一些最基础的知识做了讲解：实例对象、vue组件以及vue的一些相关概念。第3章功能接口（1）对文本渲染v-html、v-text、
七月半夏·2020-07-09 23:12

Vue组件通讯之子传父

子传父的通讯方式的实现是通过订阅者模式来实现的Aui车养护Vue.component('blog-post',{props:{post:{type:Object,required:true,},},template:`{{post.title}}Enlargetext`,methods:{changeColor(){letcolors=['red','blue','green','lightgre
敲出真谛·2020-07-09 23:26

vue的mixins混入功能

混入minxins：分发vue组件中可复用功能的灵活方式。混入对象可以包含任意组件选项。组件使用混入对象时，所有混入对象的选项将混入该组件本身的选项。
qq_35321405·2020-07-09 23:28

vue + elementUI 树形菜单的递归组件

应该很多同学都会灵活的使用递归吧，相信大家用的一定66的…╰(°▽°)╯很多朋友写vue组件也是66的。
让时光到此为止。·2020-07-09 23:55

Vue 2.0 混入（Mixins）的学习与了解

概念：混入（mixins）是一种分发vue组件中可复用功能的非常灵活的方式混入的对象可以包含任意的组件选项当组件使用混入对象时，所有混入对象的选项将被混入该组件本身的选项理解：mixins是一个JavaScript
Heynchy·2020-07-09 22:38

Vue之混入(mixins)

混入(mixins)是一种分发Vue组件中可复用功能的非常灵活的方式。混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被混入该组件本身的选项。
Radom7·2020-07-09 22:06

Vue组件定义方式及父子组件通信

什么是Vue组件什么是组件：组件的出现，就是为了拆分Vue实例的代码量的，能够让我们以不同的组件，来划分不同的功能模块，将来我们需要什么样的功能，就可以去调用对应的组件即可；组件化和模块化的不同：模块化
Zoexyf·2020-07-09 20:24

vue-cli(vue2.x)中使用mixins（混入）

官网参考链接：https://cn.vuejs.org/v2/guide/mixins.html前言：混入(mixins)是一种分发Vue组件中可复用功能的非常灵活的方式。
winne雪·2020-07-09 20:23

vue组件化开发（component）

组件说明Vuejs通过Vue.extend（options）方法来扩展组件的使用options参数和Vue(options)的options参数几乎是一致的newVue出来的ViewModel(视图模型)也是一个组件，我们称之为‘根实例组件’，叫‘Root’组件Vue中组件的表现形式是类似于标签的，要想像标签一样使用，就必须得符合h5的规则，也就是必须要进行组件的注册组件的注册有两种形式:全局注册
m0_37716271·2020-07-09 20:06

生命周期

在我们实际项目开发过程中，会非常频繁地和Vue组件的生命周期打交道，接下来我们就从源码的角度来看一下这些生命周期的钩子函数是如何被执行的。源码中最终执行生命周期的函数都
LoveBugs_King·2020-07-09 19:31

css 简单的音频跳动的动画

vue组件想动态的线条变化，简单的表示一下某一首歌正在播放原本想找个gif图片放上去，没找到，就用动画弄了一个。。。
liangyk1005·2020-07-09 19:02

H5与iOS客户端通讯获取版本号 前端Vue 全局方法

1.与iOS客户端约定好参数名称，客户端直接将版本号挂载到widow上，前端在vue组件中通过window.version便可获取。
小理有趣·2020-07-09 18:32

vue中混入（Mixins）

Mixins是一种分发Vue组件中可复用功能的非常灵活的一种方式。那么我们在什么时候需要使用混入呢？
菜鸟搬砖记·2020-07-09 17:10

Vue+ajax实现三级联动

如何利用Vue实现三级联动，这里我们使用Vue组件实现，废话不多说，上干货HTMLajax.js这里我利用原生js实现ajax调用（当复习了）varproList=[];varcityList=[];varareaList
@~_~·2020-07-09 16:43

Vue学习笔记(1).md

在这一周，学习Vue入门教程，完成了一个登录界面的Vue组件，并且通过与nodeJs的连接实现了登录验证。在下一周中，学习Vue组件的套用，使用less完善css，使用Vuex管理项目状态。
daisimin7·2020-07-09 16:39

Vue组件化的思想

组件化的思想将一个页面中的处理逻辑放在一起，处理起来就会很复杂，不利于后续管理和扩展。如果将页面拆分成一个个小的功能块，每个功能块实现自己的内容，之后对页面的管理和维护就变得很容易了。注册组件的基本步骤1.创建组件构造器2.注册组件3.使用组件//创建组件构造器对象constcpnC=Vue.extend({template:`helloworldhiworld`})//注册组件Vue.compo
kaba啊·2020-07-09 16:49

vue组件注册的方法

全局注册组件该组件名就是Vue.component的第一个参数。当使用kebab-case(短横线分隔命名)定义一个组件时，你也必须在引用这个自定义元素时使用kebab-case，例如。Vue.component('my-component-name',{/*...*/})当使用PascalCase(首字母大写命名)定义一个组件时，你在引用这个自定义元素时两种命名法都可以使用。也就是说和都是可接受
梦吉网络·2020-07-09 15:08

Vue Composition API如何替换Vue Mixins

想在你的Vue组件之间共享代码？如果你熟悉Vue2则可能知道使用mixin，但是新的CompositionAPI提供了更好的解决方案。
前端全栈开发者·2020-07-09 15:13

vue中创建js文件使用export抛出函数，import引入后不能绑定HTML的问题

在es6中使用export和import实现模块化；js文件：exportfunctiontest(x){console.log(x);}vue组件：import{test}from"..
dlpncgi56730·2020-07-09 15:12
上一页 112 113 114 115 116 117 118 119 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他