vue组件

仿ElementUI构建自己的Vue组件库用babel-plugin-component按需加载组件及自定义SASS主题

最近使用ElementUI做项目的时候用Babel的插件babel-plugin-component做按需加载，使得组件打包的JS和CSS包体积大大缩小，加载速度也大大提升，所有想模仿做一个组件库也来做下按需加载。首先用VueCLI3.0新建一个项目vuecreatebes-ui注意的是cli3的脚手架用的Babel7的配置，只有babel.config.js文件，所以要自己添加.babelrc文
_双眸·2020-03-18 23:52

vue学习笔记

Vue组件//1.创建一个组件构造器varmyComponent=Vue.extend({template:'Thisismyfirstcomponent!'})
张家三少灬·2020-03-18 11:37

vue组件

模块化：是从代码逻辑的角度进行划分的组件化：是从ui界面的角度进行划分的；前端的组件化，方便ui组件的重用创建组件的方式三种：第一：1.使用extend创建组件模板对象varcom1=Vue.extend({template:'这是使用Vue.extend创建的组件'});2.//使用Vue.component注册组件//使用Vue.component('组件的名称',创建出来的组件模板对象)Vu
86c2af3dc18b·2020-03-18 10:25

vue组件

组件定义一个组件a.vue，模板如下：{{msg}}exportdefault{name:'hello',data(){return{msg:'iama!'}}}在另外一个组件中引入组件，然后再定义组件，再写入布局中如：importaaafrom'./a.vue';exportdefault{components:{aaa},data(){return{msg:'WelcometoYourVue.
简书超级用户·2020-03-18 10:50

vue组件标签页中 data-v-6542a5cf值

vue组件标签页中data-v-6542a5cf值是如何生成的？1.代码testtesttes2.问题data-v-6542a5cf中的hash值是如何生成的(算法/过程)？
花开有声是我·2020-03-18 10:27

Vue如何实现组件通信？

Vue组件通信的三种情况：父子通信爷孙通信兄弟通信父子通信：父组件使用Prop向子组件传递数据，子组件通过事件向父组件发送消息，使用v-on绑定自定义事件）{{message}}打开Vue.component
HeroMeikong·2020-03-18 04:13

高度复用的弹出框组件的写法 vue2.0

和以前的文章一样用的vue-cli;具体的安装步骤这里不做详细的解释了；直接开始了；一定要存在其他的组件1.新建一个alertip.vue组件；组件代码如下{{alertText}}关闭exportdefault
殖民_FE·2020-03-18 00:46

Vue组件化开发相应知识点

Vue组件化开发相应知识点1.组件注册1.1全局注册通过Vue.component('组件名‘,{})方法进行注册；全局注册的组件任何实例都能使用。
就是有点怕怕·2020-03-17 23:44

webpack构建自定义vue组件库

本文用于描述用webpack构建vue组件库的过程前提：安装node一、创建目录w-components，自己可以随便命名二、进入目录执行npminit初始化项目三、安装webpack和webpack-clinpminstallwebpackwebpack-cli
wl_·2020-03-17 22:39

Vue组件通信和React组件通信的方法

Vue组件之间的通信父子通信在vue中，父子通信，就是数据存放在父组件中，然后子组件根据父组件的数据变化来变化，那么就要想办法将父组件的数据传递给子组件。
多放香菜·2020-03-17 21:21

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

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

VUE-1：基础、指令、数据

vue.js`vue.js`是一套用于构建用户界面的渐进式框架渐进式Vue核心-声明式渲染-组件引入我们还是先通过\的方式来引入vue组件`vue`的核心功能之一就是组件组件基本分类-根组件-可复用的功能组件根组件的创建通过
kino2046·2020-03-17 15:41

vue

存在于一个文件内（webpack+vue-loader）vue实例对象el:对象装载的位置template:html代码片段data:数据会被代理到实例对象components:引入组件vue生命周期vue
Love小六六·2020-03-17 06:31

Vue组件间的通信

我们知道Vue开发是组件化的开发，那么组件化开发就绕不过组件间的通信这一点，以往在vue项目的开发之中用vuex进行数据的集中处理，但这是对于大的项目来说，如果只是一个小的项目使用vuex就划不来了。所以这个时候就需要组件间的通信了。组件间的通信主要有三个类别：1.父子组件的通信2.子与父组件的通信3.兄弟组件的通信父子组件的通信父组件传递数据给子组件需要强制绑定一个属性给子组件的映射标签上，然后
布偶123·2020-03-16 23:00

关于vue的生命周期

关于Vue的生命周期我们来看下这个官方的图：从图中我们很容易看的出Vue组件的生命周期的钩子函数有以下这些：beforeCreate()创建前created（）创建beforeMount()挂载前mounted
布偶123·2020-03-16 12:00

vue css 引入asstes中的图片无法显示的四种解决方法

这里我们来说说assets目录下存放图片时，在vue组件的css样式中引入图片时将会遇到的一些问题！正常情况，我们在本地开发调试的时候，无论什么样的方式引入图片都不会有问题。但是，一大包发布打线上
nian_cj·2020-03-16 09:28

大厂的面试题

4.vue组件间的交互有七种你知道几种？5.vue-cli3.0如何实现的？6.说说hash路由和history路由，你能自己编写一个前端路由吗？7.你能手写vuex状态管理吗？
前端精髓·2020-03-16 04:24

全栈开发四（vue登录页面）

这一节我们来写一个登录页面，这节用到的知识不多，主要是用vue组件，废话不多说，我们先来看看页面。
itvwork·2020-03-16 04:01

vue组件之emit

关键词：emit我们知道，父组件是使用props传递数据给子组件，但如果子组件要把数据传递回去，应该怎样做？那就是自定义事件！每个Vue实例都实现了事件接口(Eventsinterface)，即：使用$on(eventName)监听事件使用$emit(eventName)触发事件Vue.component('button-counter',{template:`{{counter}}`,data(
ferrint·2020-03-15 22:30

Vue中的mixin

一，mixin是什么mixin文件是一个对象，可以包含vue组件的任意成分。
Egde·2020-03-15 06:32

vue组件之间的数据传递(通信)

vue.png种类父组件跟子组件通信子组件跟父组件通信兄弟组件之间的通信父组件如何将数据传到子组件中可以通过prop将数据传递给子组件需要注意的是prop是单向绑定的：当父组件的属性变化时，将传导给子组件，但是反过来不会。这是为了防止子组件无意间修改了父组件的状态，来避免应用的数据流变得难以理解。每次父组件更新时，子组件的所有prop都会更新为最新值。这意味着你不应该在子组件内部改变prop。如果
聪明的汤姆·2020-03-15 04:31

当 meteor 碰撞到 Vue，初使用（持续更新）

meteoraddakryum:vue-componentvue-meteor-tracker使用vue-meteor-tracker包，在Vue组件中集合Meteor响应数据。
bacbcc94613b·2020-03-14 03:31

第二节：State

在vue组件中获取vuex状态在上一文中我们通过插值表达式来获取state中的状态，当获取多个状态的时候，且不说代码看起来冗余，而且很不专业。那有没有别的方法改变这一状况呢？
一萧烟雨任平生·2020-03-14 00:41

vue2实践（持续更新）

v-bind的缩写，不带冒号后面是字符串，带了冒号就是数据绑定，引号里面的内容是变量或者表达式,组件内不能修改props的值，同时修改的值也不会同步到组件外层，即调用组件方不知道组件内部当前的状态是什么vue
别过经年·2020-03-13 23:22

vue组件递归

刚才写了篇《element多层导航菜单》文章，顺便也写写其中核心原理其实没啥好说就是组件递归，这里呢简单写个例子，面试被问到的时候直接拿来手写代码也行，有看到本文章的同学可以复制代码去试试没多少代码量，主要是让还没懂组件递归的同学好理解核心就这个，组件自己调用自己：//======组件：=================={{item.name}}exportdefault{name:"treeM
前端-大雄·2020-03-13 22:00

在webpack中使用Code Splitting--代码分割来实现vue中的懒加载

Vue组件中的懒加载这在Egghead上的"使用Vue异步组件按需加载组件"视频中
weiqinl·2020-03-13 21:02

vue 面试题 总结

四、Vue组件间的参数传递1.父组件与子组件传值父组件传给子组件：子组件通过props方法接受数据;子组件传给父组件：$emit方法传递参数2.非父子组件间的数据传递，兄弟组件传值eventBus，就是创建一个事件中心
hcySam·2020-03-13 21:55

5.Vue组件初体验

Vue组件组件系统是Vue的另一个重要概念，因为它是一种抽象，允许我们使用小型、独立和通常可复用的组件构建大型应用。
凌枫_c475·2020-03-13 15:13

如何开发一个优秀的vue组件

好的组件可以极大地提高前端开发效率,而一个优秀的组件应该符合以下特性image.png一、稳定性组件的稳定性，是组件使用的基础，也是前端能实现快速迭代的必备条件如何做到稳定呢？代码的执行流程必须要可预期熟知组件的生命周期，知道该在哪个钩子中做什么事例如：data在create()钩子中已经初始化完毕，故可在此出发出ajax请求并获取回传的数据在mounted()钩子中实例已经挂载在el上，故可进行
zhifeichuan·2020-03-13 05:35

Vetur：VSCode下强大的Vue开发工具

虽然现在的编辑器需要安装相应的plugins才能进行Vue组件化开发，但是越来越多优秀的plugins都提供了强大的支持。比如VSCode下面的Vetur就是这样一款必备的Vue开发工具。
白色鹈鹕鸟·2020-03-12 23:03

Vue的slot-scope的场景

下面是2个父子的vue组件，先解释一下2个组件做了什么事情父组件仅仅是调用了子组件子组件内部实现了一个todolist列表我建议从数据流动的角度，理解插槽作用域的使用方式，1.父组件传递了todos数组给子组件
yang295242361·2020-03-12 13:09

Vue.extend() 动态创建实例（全局一个对话框或者弹出一条信息）

显示一个对话框或者弹出一条信息下面我用一个全局提示组件为例，类似element-ui的message组件为大家演示一遍如何封装一个包含操作dom的的全局组件的，步骤主要有3步：1,在componenets/Message目录下新建一个Message.vue
yang295242361·2020-03-12 09:26

VUE

一.vue基础1.在vue组件中，template标签下只能有一对根标签.2.router-view标签默认指向router文件夹下的index.js3.在组件中：，这里的scoped,会限制该标签中的样式只针对当前组件生效
果果不正常·2020-03-12 06:51

.webpack4.x 配置篇

模块热更新1.先初始化package.json，执行npminit2.安装对应的模块加载，css-loader,vue-loader等3.新建文件夹，放文件4.新建app.vue组件5.新建入口文件，index.js6
不曾滑落的忧伤·2020-03-11 21:55

Vue组件模板及组件互相引用代码实例

1.vue组件都是由这三部分组成exportdefault{}2.组件间的引用分3步走，假设现在有两个组件App.vue，和Add.vue，现在要把Add.vue组件引入到App.vue组件中App.vue
我太难了008·2020-03-11 12:46

Vue组件间的通信pubsub-js实现步骤解析

本文介绍使用发布订阅的方式进行vue组件间的通信我认为这种方式比较自由，不存在组件间的关系问题1.首先安装pubsub-jsnpminstall--savepubsub-js2.订阅方组件importPubSubfrom'pubsub-js'mounted
我太难了008·2020-03-11 12:26

Vue学习的第二天

创建一个Vue实例每个Vue应用都是通过Vue函数创建一个新的Vue实例开始的,所有的Vue组件都是Vue实例,通常用vm变量表示Vue实例varvm=newVue({//选项详看API文档})数据与方法当一个
Easy_Dream·2020-03-10 19:24

vue知识点以及vuex等demo链接----->新手请进

1，Vue2.0新手完全填坑攻略从环境搭建到发布2，VUe组件大全3，Vue下拉菜单实例demo4，Vue.js组件tree实现无限级树形菜单5，使用vue开发多级多选菜单组件6，基于vue-cli快速构建
美人宋·2020-03-09 21:12

Vue 实现换肤功能

加载应用时自动更换主题需要的东西：vue-cli全家桶主要（vuex,vue-router），less，webpack，两套同样目录结构的主题静态资源(css,图片)最终效果主题1：主题2：具体实现：一、把所需要改变主题的vue
grain先森·2020-03-09 16:12

vue组件之间数据通信操作

image.png父组件通知子组件父组件向子组件传递数据可以通过propsprops可以是数组或对象，用于接收来自父组件的数据。props可以是简单的数组，或者使用对象作为替代，对象允许配置高级选项，如类型检测、自定义校验和设置默认值exportdefault{name:'IndexHead',props:['bannerInfo'],data(){return{myswiper:''"}}}子组
AkiraSun·2020-03-08 11:43

Vue组件Component

一丶全局化注册组件Vue.component('dx',{template:`全局注册组件`})varapp=newVue({el:'#app',data:{}})我们在javascript里注册了一个组件，在HTML中调用了他。这就是最简单的一个组件的编写方法，并且它可以放到多个构造器的作用域里二丶局部注册组件varapp=newVue({el:'#app',components:{"dxx":
大孩子气·2020-03-08 07:36

Vue组件通讯的实现方法有哪些？

有三种，分别是1、父组件向子组件传值；2、子组件向父组件传值；3、非父子组件传值；父向子传值：父组件定义一个属性然后子组件用props来接受子向父传值：子传父首先在子组件中定义一个自定义事件把要传的值写在自定义事件内，通过$emit发送事件，父组件通过v-on接受自定义事件就可以了。非父子传值：一个公共bus这个bus可以是一个dom元素也可以是localStorage或者sessionStora
hudaren·2020-03-08 05:29

global event bus Vue

$on('tip',(text)=>{alert(text)})}3.Test.vue组件内调用import{bus}from'bus.js'//...bus.$emit('tip
qwerer·2020-03-08 04:17

33-Vue组件-自定义全局

这里主要阐述自定义全局组件的多种方法image.pnghttps://cn.vuejs.org/v2/api/#Vue-extendhttps://cn.vuejs.org/v2/api/#Vue-component0.助记知道模板的三种写法(模板字符串,script,template)知道组件构造器会自动调用,可以直接传递对象一.组件构造器image.png二.对象image.pngimage.
梦想成为小仙女·2020-03-07 20:55

VUE组件之间多种通信方式

给大家介绍几种VUE组件之间通信的方式，根据业务场景大家可以自行选择。
我想停停·2020-03-07 16:21

vuejs uni-app Popup弹框使用教程

开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉）等多个平台uni-ui是DCloud提供的一个跨端ui库，它是基于vue
younglaker·2020-03-07 14:06

vue框架深度解析之vue基础

$el->vue组件挂载到dom上的
胖太_91bf·2020-03-07 12:09

vue组件通信

1.组建通讯---父子组件通讯父子通信通过props属性进行传值父组件//调用子组件alert，并传值子组件Vue.component('alert',{template:'弹弹',props:['msg'],//接收父组件传值methods:{onclick:function(){alert(this.msg);}}})varapp=newVue({el:"#app"})1.组建通讯---子父组
前端瑞哥·2020-03-07 06:23

Vue组件化时使用axios处理ajax请求的使用

推荐方式首先在main.js中引入axios//引入axiosimportaxiosfrom'axios'这时候如果你想在其它的组件中使用axios进行ajax请求是或提示报错的，报错内容大致是axiosisundefined。我们通常的决绝方案是将axios改写为Vue的原型属性,如2将axios写入Vue的原型链作为Vue的属性//设置axios请求的默认hostaxios.defaults.
安小下·2020-03-07 03:32

Vue.js 常用 UI 组件库

Vant有赞前端团队提供的轻量、可靠的移动端Vue组件库MintUI基于Vue.js的移动端组件库Vux基于WeUI和Vue(2.x)开发的移动端UI组件库，主要服务于微信页面Element饿了么前端推出的基于
与蟒唯舞·2020-03-06 18:53
上一页 130 131 132 133 134 135 136 137 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他