vue组件第118页

Vant安装和使用

Vant(ˈvænt)是有赞前端团队基于有赞统一的规范实现的Vue组件库，提供了一整套UI基础组件和业务组件。通过Vant，可以快速搭建出风格统一的页面，提升开发效率。

子化诗理·2020-07-08 12:38

Vue组件化使用详解

上篇我们已经详细介绍Vue组件化入门详解中提到过，我们创建的组件在src文件夹下的component文件中。

bo_bo_bo_la·2020-07-08 12:57

02.Vue组件化编码

使用vue-cli创建模板项目vue-cli是vue官方提供的脚手架工具github:https://github.com/vuejs/vue-cli作用:从https://github.com/vuejs-templates下载模板项目创建vue项目npminstall-gvue-clivueinitwebpackvue_democdvue_demonpminstallnpmrundev访问:h

leofight·2020-07-08 10:57

Vue - Vue组件实现v-model的用法

简单说明当我们封装一个组件，比如说MySelect组件，我们希望他的用法是这样的。开发人员测试人员管理人员这个用法很普遍，因为Vue本身对表单元素的双向绑定就是这么使用的。但封装这样的组件我遇到最大的问题就是：无法对props中的value进行改变所以我们需要先了解一下v-model的实现，下面就详细说一下v-model的实现。Vue对v-model的实现如果我们不用v-model来实现双向绑定，

Caesar Liu·2020-07-08 10:49

手把手教你单元测试：《Vue 测试指南》中文版来了！

本次带来的是完整版的《Vue测试指南》中文版，更聚焦于Vue技术栈，较完整地阐述了单元测试如何分别应用于Vue、Vuex、Vue-Rooter以及最新的Vue3CompositionAPI中，为我们写出更好的Vue

tonylua·2020-07-08 07:04

封装的一个随机验证码的VUE组件

由于工作需要自己做了一个验证码组件，灵活性不高，但是可以用，代码也不太复杂//importnumfrom'./components/cc'exportdefault{name:'verificationCode',props:{fontSize:{type:Number,default:20},contentWidth:{type:Number,default:100},contentHeight

terryMei·2020-07-08 07:34

Vue 父组件与子组件

为了搞清楚父组件与子组件，下面我们先来搞清楚组件的创建与注册的图示过程：看完过程后我们再来看看菜鸟教程中的vue组件实例，实例越简单越好，这是菜鸟教程中的全局组件实例：Title//第一种定义方式Vue.component

PHP__廊外诗鸽·2020-07-08 07:41

vue 星空背景图组件

摘下星星送给你个人的博客网站背景有点单调不想要枯燥的白色背景然后么自己写了个星空图先封装成vue组件后期去折腾下，换博客的背景可以设置星星个数（默认25）、星星颜色、线条颜色废话不多说，直接上源码如果问题

BenjaminShih·2020-07-08 05:58

Vue全局组件开发，Vue.use(xxx)一次引入，全局使用【Vue 非父子组件通信】

Vue组件通信实践记录Vue2.4组件间通信新姿势Clock.vue {{setTime(h)}}: {{setTime(m)}}: {{setTime(s)}} exportdefault{

大灰狼的小绵羊哥哥·2020-07-08 05:31

Vue-3D-Model：几行代码即可构造出炫酷三维场景

一个用来展示三维模型的Vue组件，用最简单的方式在网页中展示三维模型，解决模型视角控制、鼠标事件等一系列问题。

qwe640520·2020-07-08 03:42

vue-video-player视频播放器的使用和配置

importVueVideoPlayerfrom'vue-video-player'//视频播放器import'video.js/dist/video-js.css'Vue.use(VueVideoPlayer)3、新建一个vueVideoPlayer.vue

codeXml·2020-07-08 00:05

vue和jQuery一起使用

然后说正题，当vue组件被创建时，它会把组件渲染到页面中，而jQuery通过绑定DOM才能进行操作jQuery代码在Mounted周期内进行，此时vue已经渲染完毕，jQuery才可以找到对应的DOM如果需要

颈椎病康复指南·2020-07-08 00:38

在vue-cli中使用vue-router的学习笔记

下面我们来一一解答首先我们在src的文件下新建一个router文件，下的index.js我们在js中引入vue组件，配置router

曾皙·2020-07-08 00:40

vue组件讲解(is属性的用法)模板标签替换

vue中is的属性引入是为了解决dom结构中对放入html的元素有限制的问题，譬如ul里面要接上li的标签，引入is的属性后，你完全可以写成这样这样会保证dom结构在浏览器的正常渲染，尽量避免在不正确的结构中直接使用组件Vue.component('row',{template:'thisisarow'})或另一种用法如下图：动态组件与v-once指令-->changeVue.component(

海盗强·2020-07-08 00:30

vue.js 中使用 scss

用来把vue组件转换成可部署的js,html,css模块。所以我们如果要想再vue项目中使用scss,肯定要告诉vue-loader怎么样解析我的scss文件。

杜杜的杜·2020-07-07 22:35

Laravel5.5 + Vue 项目的基本使用：搭建环境以及用vue组件编写页面

在youtube上看到的教程，可访问链接：https://www.youtube.com/watch?v=DJ6PD_jBtU0&t=1188sps：如果想学习vue基础，建议在b站搜”表严肃”的课程。本文中，我们以用laravel+vue做一个导航栏为案例。搭建环境用composer下载好laravel项目后，composerupdate。如果用的xampp或wamp，搭建好虚拟服务器，这是常规

Hillbox·2020-07-07 21:49

vue全局提示框组件

一.先写一个普通的vue组件文件位置/src/toast/toast.vue 我是弹窗 .wrap{ position:fixed; left:50%; top:50%; background:

清风白月·2020-07-07 21:51

动画组件(多图预警)：一套Animation API，实现React和Vue两种动画组件

考虑到如今比较流行React与Vue组件开发，所以本文主要分享如何将之前的

倒霉蛋儿_才才·2020-07-07 20:42

vue框架与其生态系统的简单总结

首先明确几个概念：vue：用于构建用户界面的前端开发框架vue-cli：vue的项目构建、开发工具vueloader：一个webpack的loader，将vue组件的开发形式转为单文件v

一朵翔云·2020-07-07 20:23

Vue组件间调用的理解、性能对比。

组件间的互动大概有这几种情况：1.父子间的互动：watch，props，$emit，这几个属性，可以涵盖父子组件间的互动。父页面中：menu-aside组件的加载要随着页面的projectId的变动而变动，这时候，在menu-aside组件中用props属性接收父传来的projectId，并用watch监听：props:[projectId],watch:{projectId(){//当proje

晒不干的咸鱼·2020-07-07 20:03

基于 Vue 的静态网站生成器 VuePress

VuePress享用Vue+webpack开发环境，在markdown中使用Vue组件，并通过Vue开发自定义主题。

phj_88·2020-07-07 18:39

better-scroll 简单vue组件封装

scroll：importBScrollfrom'better-scroll'exportdefault{name:'scroll',props:{probeType:{type:Number,default:1},click:{type:Boolean,default:true},data:{type:Array,default:null}},mounted(){setTimeout(()=>{

木木一心·2020-07-07 18:03

vue实战之vue后台管理系统（三）之公共样式组件

Home.vue组件这个组件的用户登录成功后所有页面(除404页面外），所有页面的公共部分组件layui布局官网布局：http://element-cn.eleme.io/#/zh-CN/component

mirror_Mx·2020-07-07 17:36

5、vue-router之什么是编程式路由

①还是在test.vue组件里面写个div并给它添加一个click跳转事件：div上添加一个click点

Ewall_熊猫·2020-07-07 16:07

vue中使用video.js插件实现视频播放

文章目录video.js实现视频播放安装main.js中引入在VideoPlayer.vue组件中使用效果video.js实现视频播放在vue中使用video.js实现文件播放。

DuebassLei·2020-07-07 16:07

Vue组件中绑定v-model详解

最近学习vue，从最基础的文档看起。到目前基础已经看完。有两个问题很迷茫。vue的动态参数（2.6新增）。demo一直报错。分析原因是因为vue不允许动态添加根一级的变量。（不理解）组件中v-model的使用文档中说的让我有点绕。不过已经顺过来了，所以来分享一下。官方给出的例子是这样。(可以直接使用)HTML:JS:Vue.component('custom-input',{props:['val

Eighteen Z·2020-07-07 15:54

vue中获取当前时间

vue组件（页面部分）{{nowTime}}方法调用根据需要去调用方法在data中定义nowTime:’’,exportdefault{data(){return{nowTime:'',}},mounted

空那个白·2020-07-07 15:16

vue 文字横向无缝走马灯组件

基于vue组件开发//外框，固定宽度//内部滚动框{{text}}//展示的文字//文字副本，为了实现无缝滚动{{text}}//为了获取text实际宽度exportdefault{name:'Marquee

发福爹·2020-07-07 14:14

VUE项目中安装和使用vant组件

Vant是有赞前端团队基于有赞统一的规范实现的Vue组件库，提供了一整套UI基础组件和业务组件。

Ailsa-show·2020-07-07 12:21

在vue-cli项目中使用使用swiper

--save-dev第二步：创建组件swiper.vue导入importSwiperfrom"swiper";@import'swiper/dist/css/swiper.css';完整swiper.vue

吴莉·2020-07-07 12:43

vue组件传值异常，页面正常渲染，浏览器控制台报错 Expected Object, got Function；Expected String, got Function等异常

异常信息：[Vuewarn]:Invalidprop:typecheckfailedforprop"tableData".ExpectedObject,gotFunction.foundin子组件中定义：name:"totalList",props:{width:{type:String,default:"100%"},height:{type:String,default:"300px"},ta

碧水天华·2020-07-07 11:26

vue组件之间的通信

一、父组件向子组件传值--props属性传值方式1.在父组件中,通过给子组件绑定属性传值:2.在子组件中,通过props接收从父组件传过来的值:props:['count']注意:子组件接收父组件传过来的count,在子组件中不能直接修改,要用另一个变量去代替,所以selfCount是可以修改的,如:props:['count'],data(){return{selfCount:this.coun

x_apricot·2020-07-07 10:40

Vue style 深度作用选择器 >>> 与 /deep/（sass/less）

传送门：https://vue-loader-v14.vuejs.org/zh-cn/features/scoped-css.html你很可能会遇到的问题vue组件编译后，会将template中的每个元素加入

dicha7140·2020-07-07 06:32

05-Vue组件

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

dianmou7334·2020-07-07 06:15

vue项目抽离路由模块

抽离路由模块1.在src目录下新建router.js文件2.把main.js中的所有导入路由模块剪切进router.js//导入Account.vue Goodslist.vue组件import account

执梦起航·2020-07-07 06:11

Vue组件

测试代码创键组件两种方式：方法一：使用Vue.extend({})varcomponent=Vue.extend({template:'component'});//里面还可以添加其他的属性方法二：使用字面量varcomponent={template:'component'}注册组件全局注册语法：Vue.component('my-component',{//选项})示例：//创建组件varco

放风筝的小小马·2020-07-07 06:20

Vue sweet-modal-vue 通用型的模态框

场景组件介绍&&优势安装用法备注用例场景模态框很很常见别的提示形式，多标签的模态框也经常用到；每次定制很繁琐，这就需要一个通用性的组件了组件介绍&&优势组件名adeptoas/sweet-modal-vue

cominglately·2020-07-07 05:16

关于vue组件递归的个人理解

SelfOnes·2020-07-07 05:42

tinymce-vue自定义图片上传插件，且在插件中调用vue组件

先讲一个这个关于图片上传的需求：在点击菜单栏的插入图片，要弹出一个我们自定义的vue组件点击图片上传后要将图片插入

零信号·2020-07-07 03:12

vue2.0 如何自定义组件（vue组件的封装）

今天简单聊聊vue组件的封装。vue的ui框架现在是很多的，但是鉴于移动设备的复杂性，兼容性问题突出。像Mint-UI等说实话已经很不错了，但是坑也是不少，而且项目中很多功能仅凭这些也实现不了，这需要

az44yao·2020-07-07 03:39

VuePress + GitHub Pages 搭建个人博客

本文提供了一个选择，可基于GitHub的GitHubPages功能和Vuepress框架快速地搭建免费的markdown博客：对于文档编写者来说，能更专注于写文章对于文档开发者来说，一切皆Vue组件，能方便地自定义主题

handsomehou·2020-07-07 02:07

Vue组件化初体验

认识组件组件化开发：将一个完成的页面，划分成一个个的组件，最终由一个个组件来完成整个页面你的开发，这个过程就是组件化开发优势：复用！！也就是说组件只需要写一次，然后，用到组件的地方，只需要拿过去用就可以了组成一个组件由三部分组成：HTML+CSS+JS两种注册组件的方式：1全局组件2局部组件注册全局组件：第一个参数：表示组件名称第二个参数：是一个配置对象，这个配置对象类似于Vue构造函数中使用的配

cj_jax·2020-07-07 02:24

前端学习——VUE组件注册

文章目录一组件注册的方法1.1全局注册1.2局部注册模块系统#疑问1.webpack是什么？一组件注册的方法1.1全局注册通过Vue.component方法进行组件的全局注册，方法的第一个参数为组件名，建议用-分割或驼峰法命名Vue.component('my-component-name',{/*...*/})全局注册的组件无论是否被使用，都会初始化。全局注册的特点是可以用在任何新创建的Vue根

Wby_Nju·2020-07-07 01:19

从零开始构建VUE 客户端和服务端SSR项目

默认情况下，可以在浏览器中输出Vue组件，进行生成DOM和操作DOM。

我的小英短·2020-07-07 01:02

vue 组件异步加载（按需加载）

文件再次拆分-异步加载下面就主要说以下vue组件异步加载的方法：（测试所用的webpack：^4.12.0）1.使用()=>import()代码：打包：界面效果：2.使用resolve=>require

shan-er·2020-07-07 00:39

vue组件应用v-model

vue组件应用v-model一、input上的v-model原理vue中的v-model最常用的就是在input节点上，像下面这样：v-model实际上是一种数据和方法绑定的语法糖当然也可以使用自定义方法进行事件绑定二

RUCwang·2020-07-06 23:47

Vue 组件 data 为什么必须是函数(分析源码，找到答案)

Vue组件data为什么必须是函数文章目录Vue组件data为什么必须是函数要理解这个问题，得从原型说起3个栗子理解后在看源码使用debugger，看下newvue发生了什么1.走到了初始化vue的步骤

Jioho_·2020-07-06 22:34

Vue组件传值

父组件向子组件传值父组件向子组件传值的方式通常是通过子组件定义的props来完成的。子组件定义props作为传入的数据，父组件应用子组件时绑定props，就能够动态地改变props的值，实现实时传值。Son.vue{{msg}}exportdefault{name:'Son',props:{msg:String//定义了props及其类型}}Father.vueimportSonfrom'./So

我是渐渐·2020-07-06 22:28

vue学习进阶：组件入门练习到使用vue-cli开发

Vue组件-->todoList提交{{item}}全局组件todo-item全局组件局部组件//全局组件Vue.component('my-p',{template:'我是一个P标签'})//局部组件

Irene1991·2020-07-06 22:05

在vue项目中使用微信js-sdk ，解析返回url，获取微信code，

直接上干货，如有不懂欢迎留言，如有错误，欢迎指出vue组件import{authPageBaseUri,homePage,wechatAppId}from'config'import{extractQueryParams

BoReFrontEnd·2020-07-06 21:03

推荐频道

vue组件