vue组件

vue基础（2）：深入理解 Vue 组件、Vue中的动画特效

文章目录一、深入理解Vue组件1.1使用组件容易遇到的坑1.1.1使用`is='组件名'`解决html表签嵌套规范造成的bug解决方案1.1.2非根组件（子组件）中`data`必须是函数，返回一个对象。
poorpenguin·2020-06-28 21:33

Vue组件间的传值——父子组件、非父子组件、组件跳转传值

一、父子组件之间的传值(propsdown,eventsup)（1）父组件到子组件（通过props）父组件：（在注册声明的子组件上加:xxx表示要传递到子组件的参数或方法）importSideBarfrom'./sidebar.vue'exportdefault{data(){return{showSideBar:true}},components:{SideBar:SideBar},method
南乔几经秋·2020-06-28 21:08

【vue组件】 CountTo计数器

直接上干货以下是步骤:1.安装使用npminstallvue-count-to2.在vue实例中引入组件并挂载importcountTofrom'vue-count-to';exportdefault{components:{countTo},data(){return{startVal:0,endVal:2017}}}3.引入标签4.CountTo--APIPropertyDescription
BooleanIsTrue·2020-06-28 21:18

mint-ui 在vue中使用 Action Sheet

最终效果引入mint-ui后见上篇actionsheet.vue组件所有代码：   ActionSheet         点击上拉actionsheet          exportdefault{
小羽向前跑·2020-06-28 21:47

vsCode常用插件

VuePeek—查找vue组件文件Vue2SnippetsVue2片段补全工具VueHelperVue2代码段（包括Vue2api、vue-router2、vuex2）VueHelper新建vue模板配置方法
CloudEmperor·2020-06-28 20:41

【笔记】vue中引用了其他组件 (比如Bus.js)，如何使this重新指向当前组件？

在引用组件中使this重新指向当前组件关于vue组件的其他通信方式请看我另一篇文章VueAwesomeSwiper轮播图组件存在同样问题###在兄弟组件中采用Bus方式进行通信时:created(){Bus
yanhappiness·2020-06-28 19:07

vue+element-ui的分页完整版

页面展示：vue组件中代码：先声明变量：data(){return{cur_page:1,//默认在第一页pageNum:1,//默认每页显示1条数据totalCount:1，//默认总条数为一条}}1
漂亮得皮皮·2020-06-28 19:02

vue2 + typescript2 项目开发（环境配置）

save-dev增加运行依赖包（安装vue的官方插件）npmivue-class-componentvue-property-decorator--save说明：vue-class-component：强化Vue
weixin_34384915·2020-06-28 18:20

基于vue的颜色选择器vue-color-picker

项目中有用到颜色选择器的童鞋们可以看过来了关于color-picker的jquery的插件是有蛮多，不过vue组件没有吧，反正我没有找到，虽然element-ui里面有这个，但是你愿意为了一个小功能去引入这么大的依赖库吗
weixin_34376562·2020-06-28 18:07

封装Vue组件的一些技巧

本文整理了开发Vue组件的一些技巧，包含大量代码示例。开发环境vue-cli3提供了非常方便的功能，
weixin_34354945·2020-06-28 17:53

【Vue】详解Vue组件系统 目录

【Vue】详解Vue组件系统目录Vue渲染的两大基础方式new一个Vue的实例注册组件并使用注册组件全局注册局部注册通过new创建Vue实例,全局注册组件，局部注册组件三者的使用频率（场景）Vue中的props
威武的大萝卜·2020-06-28 17:00

ant-design-vue组件的三种加载方式

完整引入main.js中全局引入并注册importAntdfrom'ant-design-vue'import'ant-design-vue/dist/antd.css'Vue.use(Antd)在页面中不再需要引入注册组件，可以直接使用所有的组件helloworldexportdefault{}导入部分组件在main.js中导入并注册需要在项目中使用的组件import{Button}from"a
weixin_34343689·2020-06-28 17:49

Vue组件化

Vue组件开发所谓组件化，就是把单个页面拆分成多个组件，每个组件依赖的CSS、JS、template、等资源放在一起开发和维护Vue在组件中给了两种组件形式全局组件与局部组件全局组件HTML部分：JS部分
TUTUTU_x·2020-06-28 16:00

vue中使用延时加载

延时加载在vue组件newVue({//...components:{AsyncCmp:()=>import(".
weixin_34292959·2020-06-28 16:12

vue组件之table表格

table表格组件预览地址（展示官网会略卡，一开始容易加载不出来）基于vue写一个table组件目前暂时打算完成的功能固定表头固定列固定排序，接受排序函数，请求后端排序请求时期的动画多选框展开行结构和api借鉴AntDesign的，复制代码api设计:data,显示的表格数据，是一个数组，数组里的每个对象都需要一个唯一的key好用来确认他们的index。{key:1,name:'JavaScrip
weixin_34289454·2020-06-28 16:45

构建vscode的vue组件代码补全插件以及上传

1.安装工具安装vscodeGeneratornpminstall-gyogenerator-code2.构建初始项目yocode选择NewCodeSnippets根据提示完成后续配置填写完成后自动生成一个snippets初始项目，项目内容如下snippets插件不同于其他插件，此插件关键内容就是一个json文件，内容格式如下照着葫芦画瓢就行。"Affix":{"prefix":"Affix","
weixin_34288121·2020-06-28 16:40

关于vue组件中使用防抖/节流函数

概念函数防抖(debounce)：在事件被触发n秒后再执行回调函数。若在这n秒内又被触发，则重新计时。典型的案例：【输入搜索】：输入结束后n秒才进行搜索请求，n秒内又输入的内容，就重新计时。应用场景：search搜索联想，用户在不断输入值时，用防抖来节约请求资源。window触发resize的时候，不断的调整浏览器窗口大小会不断的触发这个事件，用防抖来让其只触发一次。函数节流(throttle)：
gh在写代码·2020-06-28 14:54

鼠标移入移出效果 -- jQuery/Vue版

自己动手实现jQuery插件版和Vue组件版效果。
weixin_34233856·2020-06-28 14:25

vue组件系列4、Table封装上

2019独角兽企业重金招聘Python工程师标准>>>为了少用elementUI组件，自己改的方便，所以自己倒腾。。。要封装Table必须要解决不同业务情况下的数据绑定，而处理这个就要先搞定slot这个占位符整个过程如下，注释都在代码里，slot测试插件部分test-slot123-->=================================站位指定名称放入-->============
weixin_34232744·2020-06-28 14:37

【前端大概一分钟】vue骚操作之this.$options.data()

重置vue组件的data数据在vue单文件组件里有时需要重置data中的数据，比如表单填写一半，用户想重新填写。
weixin_34232744·2020-06-28 14:04

vue 组件中添加样式不生效

具体场景如下////vue组件//我用js在上面div标签中插入一个textgoeshereexportdefault{...mounted(){$('.box').html('textgoeshere
weixin_34220179·2020-06-28 13:40

详解vue组件三大核心概念

前言本文主要介绍属性、事件和插槽这三个vue基础概念、使用方法及其容易被忽略的一些重要细节。如果你阅读别人写的组件，也可以从这三个部分展开，它们可以帮助你快速了解一个组件的所有功能。本文的代码请猛戳github博客，纸上得来终觉浅，大家动手多敲敲代码！一、属性1.自定义属性propsprop定义了这个组件有哪些可配置的属性，组件的核心功能也都是它来确定的。写通用组件时，props最好用对象的写法，
weixin_34183910·2020-06-28 12:59

Laravel 如何在blade文件中使用Vue组件

Laravel如何在blade文件中使用Vue组件1.安装laravel/ui依赖包composerrequirelaravel/ui2.生成vue基本脚手架phpartisanuivue系统还提供了非常便捷的
神兵小将2016·2020-06-28 11:00

Laravel 如何在blade文件中使用Vue组件的示例代码

Laravel如何在blade文件中使用Vue组件，具体代码详情请看下文：1.安装laravel/ui依赖包composerrequirelaravel/ui2.生成vue基本脚手架phpartisanuireact
·2020-06-28 10:25

报错 [Vue warn]: Avoid mutating a prop directly since the value will be overwritte

在vue2.0中子组件触发改变值的时候vue组件会报出例如：[Vuewarn]:Avoidmutatingapropdirectlysincethevaluewillbeoverwrittenwhenevertheparentcomponentre-renders.Instead
weixin_34060741·2020-06-28 10:51

vue组件递归实现左侧菜单导航树

这里使用的是vue-cli的webpack打包工具首先准备好我们符合递归条件的数据./build/mack/data.json[{"id":1,"name":"第一层","children":[{"name":"第二层"},{"name":"第二层"},{"name":"第二层"}]},{"id":1,"name":"第一层","children":[{"name":"第二层"},{"name":
weixin_34060741·2020-06-28 10:51

vue面试题总汇

vue组件之间的通信？JS中判断数据类型的方法有几种?
weixin_34054931·2020-06-28 10:57

Vue组件-组件组合

123Vue组件A在它的模板中使用了组件B的例子456789101112131415newVue({16el:"#app",17data:{18list:["第一项","第二项","第三项"]19},20components
weixin_34038293·2020-06-28 10:38

vue系列之vue cli 3引入ts

插件vue-class-component强化Vue组件，使用TypeScript/装饰器增强Vue组件vue-property-decorator在vue-class-component上增强更多的结合
weixin_34037173·2020-06-28 10:24

使用 markdown-it 解析 markdown 代码（读 VuePress 三）

前言在此系列文章的第一篇，我们介绍了Vuepress如何让Markdown支持Vue组件的，但没有提到非Vue组件的其他部分如何被解析。
weixin_34007291·2020-06-28 09:23

vue组件的生命周期

Vue所有的生命周期钩子自动绑定在this上下文到实例中，因此你可以访问数据，对属性和方法进行运算。这意味着你不能使用箭头函数来定义一个生命周期方法。这是因为箭头函数绑定了父上下文，因此this与你期待的Vue实例不同。1、beforeCreate在实例初始化之后，数据观测和event/watcher时间配置之前被调用。2、created实例已经创建完成之后被调用。在这一步，实例已经完成以下的配置
weixin_34004750·2020-06-28 09:36

一起封装vue ui组件，然后发到npm上！（1）

前置知识：会使用vue开发项目封装过vue组件至少看过jsx语法（虽然我也不太懂这个语法……?）es6多少要会一些。思考：不知道大
weixin_34004750·2020-06-28 09:04

VuePress 手摸手教你搭建一个类Vue文档风格的技术文档/博客

VuePress特性：为技术文档而优化的内置Markdown拓展在Markdown文件中使用Vue组件的能力Vue驱动的自定义主题系统自动生
weixin_33971205·2020-06-28 09:37

Vue CLI 3结合Lerna进行UI框架设计

当前大部分UI框架设计的Webpack配置都相对复杂，例如Element、AntDesignVue和Muse-UI等Vue组件库。
weixin_33935777·2020-06-28 08:05

Laravel 如何在blade文件中使用Vue组件

Laravel如何在blade文件中使用Vue组件1.安装laravel/ui依赖包composerrequirelaravel/ui2.生成vue基本脚手架phpartisanuireact系统还提供了非常便捷的
神兵小将2016·2020-06-28 08:00

Vue 应用单元测试的策略与实践 03 - Vue 组件单元测试

本文首发于Vue应用单元测试的策略与实践03-Vue组件单元测试|吕立青的博客欢迎关注知乎专栏——前端的逆袭（凡可JavaScript，终将JavaScript。）
weixin_33898876·2020-06-28 07:59

源码解析 —— Vue的响应式数据流

我觉得Vue/React有以下几点优势首先它们都有完整的组件化方案virtualDom（前端性能提升利器）成熟的社区生态介绍一个Vue例子上面的例子我们初始化了一个vue组件，当我们改变这个组件的状态时
weixin_33890526·2020-06-28 07:03

php项目中使用element.ui和vue

1.plugins中添加axios,element-ui2.全局文件下引入3.页面内使用1）容器需要增加id属性2）添加script标签，创造vue组件varapp=newVue({el:'#bm-sign
weixin_33882443·2020-06-28 07:22

vue从入门到进阶：Vuex状态管理（十）

NPMnpminstallvuex--saveState在Vue组件中获得Vuex状态constCounter={tem
weixin_33857679·2020-06-28 06:53

【vue】vue +element 搭建项目，vuex中的store使用

当Vue组件从store中读取状态的时候，若store中的状态发生变化，那么相应的组件也会相应地得到高效更新。你不能直接改变store中的状态。改变store中的状态的唯一途径就是显式地提交(co
weixin_33806300·2020-06-28 05:37

vue组件封装之Promise到的方式调用

vue组件封装需求：很多场景，如confirm或者弹出的输入框，都需要后续做处理，之前自己简单的传入一个回调函数觉得代码不好维护，遂想到使用Promise对象封装，调用之后返回一个Promise对象，我们就可以用自己熟悉瑐
Corner1990·2020-06-28 05:50

没有废话的vue高级进阶( 三 ) 组件高级用法及最佳实践

---绿皮书书接上回，上篇介绍了vue组件通信比较有代表性的几种方法，本篇主要讲述一下组件的高级用法和最佳实践，争取用最少的篇幅占领高地！
weixin_33755847·2020-06-28 04:03

Vue一些知识点总结

key,value)4、Vue.extend()5、delimiters6、BEM设计模式7、组件间通信的几种方式8、立即触发watch的方法1、混入（mixins）  混入(mixins)是一种分发Vue
weixin_33743661·2020-06-28 04:47

contenteditable联合v-html实现数据双向绑定的vue组件

www.cnblogs.com/dreamsqin/p/11466197.html先看最终实现的demo效果图：（1）上面看似文本域的大框是通过给div添加contenteditable=true属性实现的Vue
weixin_30954607·2020-06-28 02:11

05-Vue组件的数据传递从外往里

组件的数据传递从外往里组件数据传递：1）父组件通过v-bind绑定数据2）子组件通过props声明期待接收的数据props:['message']备注：当属性名是-形式，props里面，需要写成驼峰//局部组件newVue({el:'#app',data:{msg:'我是外部数据'},components:{//定义局部组件'my-component':{props:["outMsg","mess
杨杰灬·2020-06-28 02:39

如何在html.js文件中使用vue组件

1.html中引入http-vue-loader.js下载地址等详情访问：https://www.npmjs.com/package/http-vue-loaderhtml中写法和vue中一样2.js中使用方法Vue.use(httpVueLoader)varvm=newVue({el:'#app',components:{'multisearch':httpVueLoader('../../..
weixin_30896763·2020-06-28 02:16

vue组件通信，通过闭包函数在父组件中向自定义事件传参

前言用vue进行开发的过程中，我们常常会用到父子组件通信来支持我们的一些应用场景。在子组件中通过触发自定义事件，并向上层组件传递一定的参数（暂且称为事件参数），但有时候我们也想要在父组件向监听函数传入一定的参数（暂且称为自定义参数）。比如在同一页面内需要重复使用相同的组件，并且具有事件传参时，我们希望能够传入自定义参数对不同的组件进行区别。而这时候就起了冲突，如果传入了自定义参数，那事件无法正确绑
青荼·2020-06-28 01:55

vue组件

todolist案例布局问题前端的UI组件库组件组件化组件化是当今最为流行的一种可复用性增加的方法，随着当今前端开发的复杂度更加，这个组件化变得越来越流行组件的基础组件是一个具备htmlcssimgjs…等的一个聚合体组件的表现形式就类似一个标签组件至少得有模板，模板用template表示，相当于el，但是不能用el，因为被根实例占用了Vue.js通过Vue.extend()方法来扩展组件的使用V
weixin_30786617·2020-06-28 00:31

关于vue 自定义组件的写法与用法

好了说了这么多那么下面进入正题^_^在网上经常看到有朋友在问自己能不能写vue组件如果可以怎么应用到自己的项目之中呢！我觉得吧这个事儿就
weixin_30776545·2020-06-28 00:44

这几天国外关于 Vue 新 API 的一些争论

Vue组件主要由一个叫做se
weixin_30693183·2020-06-27 23:21
上一页 121 122 123 124 125 126 127 128 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他