vue组件

webpack+vue+.vue组件模板文件 所需要的包

{"name":"webpack-study02","version":"1.0.0","description":"","main":"index.js","scripts":{"test":"echo\"Error:notestspecified\"&&exit1","dev":"webpack-dev-server--open--port3000--hot"},"keywords":[],"
2Octobering·2020-05-16 23:00

简单聊聊Vue-----mixins的用法

理解mixins官方说明混入(mixin)提供了一种非常灵活的方式，来分发Vue组件中的可复用功能。一个混入对象可以包含任意组件选项。
uuuuuuw·2020-05-15 15:55

Vant快速上手

时间：2020-04-21教程：1.Vue.js2.vant轻量、可靠的移动端Vue组件库前言：以前是使用webpack来创建项目的，根据vant教程上说明：在新项目中使用Vant时，推荐使用Vue官方提供的脚手架
奶酪凌·2020-05-12 17:02

在vue组件中设置定时器和清除定时器

无论是获取短信码，还是在支付完成后轮询获取当前最新支付状态，需要用到定时器。但是，定时器如果不及时合理地清除，会造成业务逻辑混乱甚至应用卡死的情况，这时就需要清除定时器。某个页面中启动定时器后，一定要在页面关闭时将定时器清除掉。即在页面卸载（关闭）的生命周期函数里，清除定时器。{{buttonText}}exportdefault{data(){return{timer:null,//首先我在da
rainy66·2020-05-09 16:34

Vue父子组件通信和双向绑定

1.基础父子组件传值父子组件传值，这是Vue组件传值最常见，最基础的传值方法。
Wermdany·2020-05-07 23:22

将Vue组件库更换为按需加载的方法步骤

本文介绍了将Vue组件库更换为按需加载的方法步骤，分享给大家，具体如下：按需加载DEMO仓库地址背景我司前端团队拥有一套支撑公司业务系统的UI组件库，经过多次迭代后，组件库体积非常庞大。
onaug6th·2020-05-06 11:20

vue组件化

组件化为什么要使用组件化在大型应用开发的时候，页面可以划分成很多部分。往往不同的页面，也会有相同的部分。例如可能会有相同的头部导航。但是如果每个页面都独自开发，这无疑增加了我们开发的成本。所以我们会把页面的不同部分拆分成独立的组件，然后在不同页面就可以共享这些组件，避免重复开发。在vue里，所有的vue实例都是组件全局组件在多个vue实例中都可以使用案例：//创建组件constcpnc=Vue.e
樱花献佛·2020-05-05 22:12

在react中使用vue的状态管理的方法示例

我是要介绍一个新的react全局共享状态管理器，它和vue组件的状态管理一起同工之妙。
否子戈·2020-05-02 09:06

浅谈Vue3 Composition API如何替换Vue Mixins

想在你的Vue组件之间共享代码？如果你熟悉Vue2则可能知道使用mixin，但是新的CompositionAPI提供了更好的解决方案。
杜尼卜·2020-04-29 11:28

Vue.js最终序曲-Vue-router（Vue路由）

Vue.js最终序曲-Vue-router（Vue路由）第一序：Vue入门第二序：Vue指令第三序：Vue组件模拟现在我们来实现这样一个功能：一个页面，包含登录和注册，点击不同按钮，实现登录和注册页切换编写父组件为了让接下来的功能比较清晰
JunSIr_deCp·2020-04-28 01:35

【Vue】组件

数据驱动界面显示2.模块化-复用公共模块，组件实现模块化提供基础组件基础组件渲染过程template--->ast（抽象语法树）--->render--->VDom(虚拟DOM)--->真实的Dom--->页面Vue
WilsonPan·2020-04-23 21:00

Webpack4.0 基本操作 小白篇

webpack是什么呢Webpack的安装项目初始化打包测试样式的处理普通CSS处理sass处理less处理开启SourceMap处理图片安装webpack-dev-serverJavaScript处理vue
小灵吖·2020-04-22 09:36

Vue中el-form标签中的自定义el-select下拉框标签功能

页面写死el-select下拉框标签：通过v-for="iteminstateArr"绑定，stateArr声明在Vue组件里面的data参数里面代码如下：到此这篇关于Vue中el-form标签中的自定义
帅爆了的吴彦祖·2020-04-20 08:04

Vue 封装 Adminle3 左右上中下布局

为了响应式研究了一下adminlte3，封装了一个AdminlteVue组件库。名字叫nly-adminlte-vue。
一颗数据小白菜·2020-04-20 01:34

Vue中el-form标签中的自定义el-select下拉框标签

页面写死el-select下拉框标签：通过v-for="iteminstateArr"绑定，stateArr声明在Vue组件里面的data参数里面代码如下：
南国以南i·2020-04-19 21:00

three.js 初体验 （一）基础图形

PS：由于我们项目多用vue，以下示例代码都是在vue组件内编写。
locky丶·2020-04-18 12:46

标准前端化工程 Vue-cli

知识回顾在学习Vue-cli之前，我们已经学习了前端体系、前后端分离的演变、Vue入门、Vue的基本语法、Vue组件、Vue路由、Axios等内容。接下来我们就来学习标砖前端化工程Vue-cli。
勿念及时雨·2020-04-17 12:49

vue 组件的理解

Vue.mixin混入(mixin)提供了一种非常灵活的方式，来分发Vue组件中的可复用功能。一个混入对象可以包含任意组件选项。
LUOTAOLUOTAO·2020-04-15 14:32

Vue Element UI Table 组件 Table表自动生成 Table 封装 (详细教程)

VueElementUITable组件封装本文提及Vuehttp请求封装包ElementUITable分页教程Vue组件通信文章解析table组件封装条件分页获取数据自定义table表头自定义table
@Forever·2020-04-15 10:34

Vue 组件及组件通信

重要：Vue组件间通信的方式：Vue组件间通信主要有3类通信：父子组件通信、隔代组件通信、兄弟组件通信。
CondorHero·2020-04-15 02:23

Leaflet 笔记九：vue-leaflet-mobile

Leaflet笔记九：vue-leaflet-mobilevue组件化三部曲：Leaflet笔记四（续）：Vue-Leaflet2.0Leaflet笔记九：vue-leaflet-mobileCordova
brandonxiang·2020-04-14 16:40

改造 vue_cli3+ 的 js 版本支持 ts

目前已经在开发的项目,后续想要摸摸ts刚开始学习ts,不敢完全入坑安装yarnaddtypescriptts-loader--dev//编译用yarnaddvue-property-decorator//写vue
shuaiutopia·2020-04-14 09:21

Vue.js,学习心得(二)

学习心得,Vue组件化应用构建demo,看不懂接着往后看吧,跳的有点快.直接上代码了Vue组件化应用构建demo(一)//component注册事件Vue.component('todo-item',{
战神飘雪·2020-04-14 08:07

vue组件和根实例的关系

学vue组件的时候，一直没有弄明白，用Vue.component注册组件的时候，整个component方法单摆浮搁，没有和其他任何Vue实例有关联，想不明白为什么也能修改html内容。
毛线内裤·2020-04-14 07:46

先定个小目标： 比方说写一个Vue组件库-Radon-UI

Radon--孩子的姓名很重要对于如今竞争如此激烈的前端界来说，出一个组件库，最重要的事情就是起个吊炸天的名字，什么狗蛋啊，狗剩啊，虽然好生养，但是容易被鄙视，我们这个组件库的名字叫Radon（百度百科,Wiki）,。它是一个惰性元素，但它是惰性元素里面最活跃的一个。，正好符合我们的设定，大家为什么使用组件库，或者说为什么用别人的组件库，因为懒，那为什么我们团队来写这个组件库呢？因为我们是懒人里面
乖小鬼·2020-04-14 02:15

Vue的深入理解

文章目录1、spa（单页面）与多页面2、前端工程化MVC和MVVMMVCMVVM3、Vue组件间通信方式4、前端路由hash和historyhashhistory（h5的API）5、Vue钩子函数执行顺序
鹏鱼雁·2020-04-13 23:56

分享10个优美的程序员把玩儿的实用科技设计酷站（4）

快来看看吧～～～O(∩_∩)O~VueStarVueStar是一个Vue组件用来生成图标闪烁的效果，类似Twitter点赞时候的特效。
小小孩儿的碎碎念·2020-04-13 22:13

Vue组件嵌套时生命周期函数触发顺序是什么？

使用过Vue的大家，对于生命周期一定都很熟悉，在官方文档一开始，就给我们介绍了Vue的生命周期有哪些，是怎么样的顺序。这个难不倒大家。但如果是问当组件嵌套时，父子组件的生命周期函数触发的顺序是什么样的？你是不是会有一丝丝不确定呢?如果有的话，就让我们一起动动手来确认下这个简单的问题吧。首先，一个Vue实例/组件的生命周期中的8个关键阶段：beforeCreate：在实例初始化之后，数据观测(dat
very_much·2020-04-13 20:30

Vue+ElementUI实现tab选卡式后台Admin

在组件化开发之前的普遍做法是为tab内嵌入iframe，但现在既然用上vue组件开发我们就不能走老路了。
huanent·2020-04-13 18:42

vue-router

1、第一种使用方法组件引用要与router/index.js下的路径相对应，例如：router/index.js声明方式：router/index.js声明组件调用方式：UserGame.vue组件注：
开车去环游世界·2020-04-13 07:28

Vue基础

示例：//注册一个“todo-item”Vue组件Vue.component('todo-item',{props:['todo'],template:'{{todo.text}}'})//{{var}
大锤在学习·2020-04-13 06:52

Vue组件初探(1)

注册一个组件有两种方式可以注册一个组件，第一种是全局注册，第二种是局部注册#全局注册Vue.component('my-component',{template:'Hello'})#局部注册varchild={template:'Hello'}newVue({//···components:{my-component:child}})注意：组件的注册必须要在Vue实例创建之前使用组件当我们需要使用
Taikyo·2020-04-13 01:14

Vue组件详解----高级用法

1.动态组件Vue.js提供了一个特殊的元素用来动态地挂载不同的组件，使用is特性来选择要挂载的组件。示例如下：切换到A切换到B切换到Cvarapp21=newVue({el:'#app21',data:{currentView:'comA'},methods:{changeView:function(data){this.currentView='com'+data//动态地改变currentV
笨鸟使劲飞·2020-04-12 11:26

vue2.x学习笔记（十二）

基础示例这里有一个vue组件的实例：//定义一个名为button-counter的新组件Vue.component('button-counter',{data:function(){return{count
杨冠标·2020-04-12 00:00

VUE

需要声明的是，这里所说的状态指的是vue组件中data里面的属性。了解vue的同学应该是明白data是怎么回事的吧，如果不懂的话，建议先学完vue的基础知识再看vuex。
国民牛牛·2020-04-11 23:13

webpack重点配置实践总结

历程第一次接触webpack是在前些日子用Vue开发了一些简单demo（todoList），并且随后又开发了本博客的一些功能，想用Vue组件文件开发？，想用ES6语法？
一点红3340·2020-04-11 21:25

1-3 vue组件-父子组件通信

代码链接：https://github.com/yuanxiaorui/vue-study/blob/master/guide/vue%E7%BB%84%E4%BB%B6%E9%80%9A%E4%BF%A101-%E7%88%B6%E5%AD%90%E7%BB%84%E4%BB%B6.html1、父组件向子组件通信props->如果我们想使父组件的数据，则必须先在子组件中定义props属性注意：在
绣依锐·2020-04-11 15:43

Vue.js第3课-深入理解Vue组件（part02）

四、给组件绑定原生事件如何给组件绑定原生事件？我们首先编写一个全局的子组件child，在父组件的模板里先试一下子组件。有的时候我们会在父组件里给child绑定一个事件，例如通过@click绑定一个clickFun事件，然后在父组件的methods里编写clickFun方法，让他打印一个"click"。Vue.component("child",{template:"Child"})varapp=n
LK30265·2020-04-11 07:56

4. vue 常用 render() 渲染 组件到指定容器

下面记录下自己使用render()记录：1.创建.vue组件模板：这是登陆组件，使用.vue文件渲染出来的exportdefault{data(){return{}},methods:{},components
崩鲨卡拉卡·2020-04-10 17:45

vue组件间传递对象的深拷贝

我们在vue组件间传递对象的时候，不能浅拷贝，应该将内存拷贝出去，使得另一个地址指向obj2,这就是深拷贝。深拷贝之后两个变量拥有相同的内容，但是内存地址不一样，互不影响。
蓝醇·2020-04-10 16:01

Vue多页应用的极简配置

整体思路每一个Vue组件，按照官方推荐的方式，写在单独的.vue文件中（图中绿色部分）。经过Webpack编译后，组件会全部打包到Bundle.js中，Bu
切糕糕·2020-04-10 14:28

加速vue组件渲染之性能优化

背景平时在用vue开发后台管理系统的时候，应该会用到大量的table这种组件，正常这种组件我们会在项目里做二次封装，然后针对表头title做参数化配置，如下：exportdefault{data(){return{tableTitle:[{label:'省份',prop:'prop'},{label:'城市',prop:'prop'},{label:'汇总',prop:'prop',colconf
since911·2020-04-10 02:39

vue组件开发——将弹层放置于 body 内，不受父级元素影响，在浏览器窗口改变或滚动时，依然跟随目标元素

问题描述elementUI和iview中select选择框都有属性配置：是否将弹层放置于body内，它将不受父级样式影响，从而达到更好的效果。如果父级弹框设置了overflow:hidden，弹层也能正常展示并且超出父级弹框。但项目开发中经常会遇到需要自定义重写select的情况，也需要支持这种效果。1.将组件中需要动态展示的DOM添加到body中0">{{item.label}}.select-
杨盛盛·2020-04-10 02:56

vue v-modal语法糖

相当于inputData=val"/>在elInput中可以通过modal来设置要传给组件的属性和方法的名字elInput.vue组件内容:exportdefault{model:{prop:'inputValue
瑞瑞大人·2020-04-09 19:00

webpack基础搭建及详细步骤

模块化开发认识前端现在流行“模块化开发”这样一个理念，例如：我们的Nodejs模块化，vue组件化都是这样一个思想。
SunLRJ·2020-04-09 15:26

Vue总结3-组件相关

1.定义全局组件1.1方法一37-Vue组件-自定义全局组件//3.1创建组件构造器letProfile=Vue.extend({//注意点:在创建组件指定组件的模板的时候,模板只能有一个根元素template
煤球快到碗里来·2020-04-09 11:19

加速vue组件渲染之性能优化

背景平时在用vue开发后台管理系统的时候，应该会用到大量的table这种组件，正常这种组件我们会在项目里做二次封装，然后针对表头title做参数化配置，如下：exportdefault{data(){return{tableTitle:[{label:'省份',prop:'prop'},{label:'城市',prop:'prop'},{label:'汇总',prop:'prop',colconf
since911·2020-04-09 09:01

Vue制作弹出对话框组件

ShowModalcustomheaderdefaultbodydefaultfooterOKVue组件初步参照另外一篇，进行模板的结构调整cu
进击的前端·2020-04-09 03:33

最详细的VUE教程

我把它理解为在data中的属性需要共享给其他vue组件使用的部分，就叫做状态。简单的说就是data中需要共用的属性。
北京大数据苏焕之·2020-04-08 20:12

Vuex核心原理

围绕这个生态圈，简要介绍一下各模块在核心流程中的主要功能：•VueComponents：Vue组件。HTML页面上，负责接收用户操作等交互行为，执行dispatch方法触发对应action进行回应。
David_48a5·2020-04-08 15:02
上一页 127 128 129 130 131 132 133 134 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他