vue组件

vue父组件调用子组件的方法

vue组件与组件通信有如下几种情况：平行组件父组件与子组件子组件与父组件它们之间通信有几种方法有：props自定义事件vuex今天我们聊一下父组件调用子组件的一种方法parent.vue我是父组件importchildfrom
ch1n3h·2019-01-03 16:28

小技巧|使用Vue.js的Mixins复用你的代码

Vue中的混入mixins是一种提供分发Vue组件中可复用功能的非常灵活的方式。听说在3.0版本中可能会用Hooks的形式实现，但这并不妨碍它的强大。
dunizb·2019-01-02 00:00

Vue 封装 自定义toast 插件并随处调用

可关闭当前展示的消息开发说明目录结构首先在vue项目中src目录下，创建plugins目录，存放插件内容──plugins││└──ToastMessage││├──index.js││└──index.vue.vue
Aimee芊·2019-01-01 17:08

Vue组件基础总结

Vue组件基础总结最近刚学了一点Vue组件的内容，因为内容太多了，先在博客中记录一些，以后学了更多再更新。我的学习教材是梁灏编著的《Vue.js实战》和官网的文档，之前还看了些表老师的视频。
逐鱼·2018-12-31 19:38

vue组件单元测试

一开始我是打算把数据库的测试也准备写一篇，但是发现需要创建表格之间的关系，增删查改的过程比较繁杂又多，先把前端vue的测试给写了也给自己的知识点做个备份，学而不思则、思而不学现在就开始doit。Karmakarma测试库是一个测试管理工具，可以帮你启动一个HTTP服务器运行你的代码文件，也可以通过其插件可以快速集成到各种环境中。例如：本地环境、持续集成环境。karma安装npminstallkar
雷神的铁粉·2018-12-28 15:54

Vue 传值和传引用

在Header.vue组件中，给h1标签（内容为title属性值）绑定点击事件，赋予点击即改变title内容的方法。
祝名·2018-12-27 19:32

Vue组件通信的几种方式

父组件通过Prop向子组件传递数据这个数据流是单向的。数据流向是从父组件传到子组件。也就是说，父级prop的更新会向下流动到子组件中，但是反过来则不行。现在我们需要写一个博文组件，展示博文的标题和内容。标题和内容这些数据是从父组件获得的。第一步，定义一个组件，这里用注册全局组件的方式，子组件用prop接收来自父组件的数据：Vue.component('blog-post',{props:['pos
猪猪猪惠婷·2018-12-27 00:00

VSCode 使用 stylus，配置格式化设置

参考vscode中自动格式化stylus设置-elie_yang的博客-CSDN博客使用参考地址：使用Pug和Stylus的Vue组件示例正文格式化成功后的截图格式化成功后的截图1.设置步骤VSCode
sunxiaochuan·2018-12-23 23:47

理解vue ssr原理并自己搭建简单的ssr框架

引入Vue是一个构建客户端应用的框架，即vue组件是在浏览器中进行渲染的
wmui·2018-12-23 10:25

Vue 组件化开发

Vue组件化开发提示：本次分享知识点基于vue.js，需要对vue.js有一定的了解。
东都花神·2018-12-20 15:21

vue组件挂载到全局方法

在最近的项目中，使用了bootstrap-vue来开发，然而在实际的开发过程中却发现这个UI提供的组件并不能打到我们预期的效果，像alert、modal等组件每个页面引入就得重复引入，并不像element那样可以通过this.$xxx来调用，那么问题来了，如何通过this.$xxx来调用起我们定义的组件或对我们所使用的UI框架的组件呢。以bootstrap-vue中的Alert组件为例，分一下几步
w13707470416·2018-12-20 15:14

从零开始在NPM上发布一个Vue组件的方法步骤

TL;DR本文细致讲解了在NPM上发布一个Vue组件的全过程，包括创建项目、编写组件、打包和发布四个环节。创建项目这里我们直接利用@vue/cli来生成项目。
吴子寒·2018-12-20 10:40

Vue中创建全局组件，并且使用Vue.use() 载入。

自定义vue组件，一般是局部引用的方式载入，使用的时候，在应用的组件中使用importmoduleNamefrom‘module’导入，在components中注册{{info.title}}importcommentfrom
SilenceJude·2018-12-19 09:41

关于vue组件内部导航守卫的一个记录

beforeRouteEnter(to,from,next){//在渲染该组件的对应路由被confirm前调用//不！能！获取组件实例`this`//因为当守卫执行前，组件实例还没被创建},beforeRouteUpdate(to,from,next){//在当前路由改变，但是该组件被复用时调用//举例来说，对于一个带有动态参数的路径/foo/:id，在/foo/1和/foo/2之间跳转的时候，/
HamsterKnight·2018-12-18 17:55

vue组件通信的几种方式

最近用vue开发项目，记录一下vue组件间通信几种方式第一种，父子组件通信一.父组件向子组件传值1.创建子组件，在src/components/文件夹下新建一个Child.vue2.Child.vue的中创建
浪在前端·2018-12-18 11:00

VUE跨域问题

proxyTable:{'/api':{//跨域域名target:'http://www.xxxxx.cn',//是否跨域changeOrigin:true,pathRewrite:{'^/api':''}}},在vue
李佳臣·2018-12-18 00:00

使用 TypeScript 来写 Vue

使用TypeScript来写Vue  Vue和TypeScript的结合使我们在编写的代码的时候能更及时的避免各种错误，要想更优雅的去编写Vue组件，我们可以使用官方维护的vue-class-component
kaelyn_X·2018-12-16 19:49

浅谈vue中慎用style的scoped属性

在vue组件中，为了使样式私有化（模块化），不对全局造成污染，可以在style标签上添加scoped属性以表示它的只属于当下的模块，这是一个非常好的举措，但是为什么要慎用呢？
遇见csm·2018-12-14 14:51

vue组件传参

父子组件通信1、父组件给子组件传递数据，请查看下面这篇文章vue中的prop2、子组件给父组件传递数据（一般不推荐）需要借助emit事件，可以传递数据和调用父组件的方法image.pngimage.png同辈组件通信同辈组件之间的通行需要借助第三方，如bus.jsbus.jsimportVuefrom'vue';//使用EventBusconstbus=newVue();exportdefault
回不去的那些时光·2018-12-11 14:19

Vuex与session具体区别

当Vue组件从store中读取状态的时候，若store中的状态发生变化，那么相应的组件也会相应地得到高效更
如此致Li·2018-12-10 21:21

vue的.vue文件是怎么run起来的(vue-loader)

答：通过vue-loader，解析.vue文件，在webpack解析，拆解vue组件1、vue-loader做了什么？
薛小白·2018-12-10 07:03

VUE-开发一个树形结构组件（组件递归）

这只是我自己花了点时间写的一个vue组件，尚可优化及拓展。仅此与大家分享一下。效果实现exportdefault{name:'TreeMenu',da
骏骨银蹄·2018-12-08 17:13

vuex入门文档

如果你在使用vue.js,那么我想你可能会对vue组件之间的通信感到崩溃。
笑得好傻·2018-12-06 10:23

通过VuePress管理项目文档(二)

通过vue组件实现跟：Element相似的效果。需要在VuePress网站中将自己的项目中的Vue组件运行结果展示在页面中。
qfstudy·2018-12-05 14:51

vue组件之间通信实例总结(点赞功能)

本文实例讲述了vue组件之间通信。
匿名的girl·2018-12-05 08:32

Vue组件之间数据通信之 Bus事件总线

利用new一个新的vue实例，可以轻松实现组件之间数据通信。方法1新创建一个Bus的js模块//Bus.jsimportVuefrom'vue'constBus=newVue()exportdefaultBus//组件Com1importBusfrom'./Bus'exportdefault{data(){return{val:0}},methods:{changeVal(){this.val+=
AdleyTales·2018-12-03 22:57

vue组件及通信

1、vue组件20181204组件//(1.1)注册全局组件，组件可以在任意模板里面使用Vue.component("firstcomponent",{//组件命名，可以用firstComponent或者
xxxpjgl·2018-12-03 20:20

从零开始实现Vue简单的Toast插件

1.实例在Vue组件的methods内，调用如下代码this.$toast({content:"可
FatGe·2018-12-03 10:54

记一次简单的vue组件单元测试

记录一些在为项目引入单元测试时的一些困惑，希望可以对社区的小伙伴们有所启迪，少走一些弯路少踩一些坑。jest,mocha,karma,chai,sinon,jsmine,vue-test-utils都是些什么东西?chai，sinon是什么？为什么以spec.js命名？如何为聊天的文字消息组件写单元测试？运行在哪个目录下？karma.conf.js怎么看？人生中第一次单元测试istanbul是什么
趁你还年轻·2018-12-02 00:00

Vue组件Draggable实现拖拽功能

Draggable为基于Sortable.js的vue组件，用以实现拖拽功能。
叶落森·2018-12-01 10:19

ant-design vue组件库使用后总结

1、form组件自定义校验template:{{addOptions.productMainVo.articleNumber.length}}/60methods:（1）校验不含中文字符validateCode(rule,value,callback){letreg=newRegExp('[\\u4E00-\\u9FFF]+','g')if(value&®.test(value)){/*es
Rose_yang·2018-11-30 17:10

基于Vue组件化的日期联动选择器功能的实现代码

我们的社区前端工程用的是element组件库，后台管理系统用的是iview，组件库都很棒，但是日期、时间选择器没有那种“年份-月份-天数”联动选择的组件。虽然两个组件库给出的相关组件也很棒，但是有时候确实不是太好用，不太明白为什么很多组件库都抛弃了日期联动选择。因此考虑自己动手做一个。将时间戳转换成日期格式//timestamp为时间戳newDate(timestamp)//获取到时间标砖对象，如
_呜啦啦啦火车笛·2018-11-30 16:31

Vuex

当Vue组件从store中读取状态的时候，若store中的状态发生变化，那么相应的组件也会相应地得到高效更新。你不能直接改变store中的状态。改变store中的状态的唯一途径就是显
落霞与孤鹜齐飞·2018-11-30 00:00

vue组件参数校验和非prop特性

1.父组件再给子组件传值的时候，子组件接收值，子组件会对接收的值进行一些规范约束，主要一下几种方式：Vue.component('child',{props:{content:Object,//规定必须是对象msg:[String,Number],//规定必须是字符串或者数字val:{type:String,//规定类型必须是字符串required:true,//规定必须传这个属性值，如果不传就会
A落儿·2018-11-29 16:45

在npm上发布vue组件，以及使用方法

我们要发布的是单文件组件在npm上发布vue组件将带有自定义组件的项目在本地完美运行，确定没有问题了，就可以准备发布啦。我想要将这个项目中顶部的sl
帆帆叨叨叨·2018-11-28 17:26

vue学习笔记——组件手动挂载

中一个网页可以跟搭积木一样，由各个不同的组件搭建起来，同一个组件他可以被不同的组件使用引入;组件的使用主要有三个步骤：1.定义组件，在src文件夹下创建一个新文件夹如：components，然后在该文件夹下，创建vue
ass_ace·2018-11-28 15:25

怎样在vue单页面中引入其他组件

页面结构如下：实现首先在components下新建组件Today_recommend.vue组件  今日推荐 exportdefault{}然后想在home.vue这个页面中引入组件Today_recommend.vue
BADAO_LIUMANG_QIZHI·2018-11-27 21:18

详解vue2.0 资源文件assets和static的区别

在*.vue组件中，所有的templates和css都会被vue-html-loader和css-loader解析，寻找资源的URL。举个例子，在和background:url(.
yuhehanfeng·2018-11-27 17:44

在Vue组件中使用Video播放rtmp视频流

最近接手一个项目,里面需要实现播放实时监控视频的功能.找了很久,发现用VideoJs可以实现播放rtmp视频流,于是便开始了踩坑之旅了videojs版本是5.6.0介绍Video.js是一款web视频播放器，支持html5和flash两种播放方式.更有自定义皮肤，插件，组件，语言还有丰富的选项配置.本次使用videojs播放rtmp直播视频流媒体.安装[email protected]引入i
Homary·2018-11-27 14:10

vuex笔记

状态：可以理解为在data中的属性需要共享给其他vue组件使用的部分，就叫做状态。简单的说就是data中需要共用的属性。比如：我们有几个页面要显示用户名称和用户等级、或者显示用户的地理位置。
xxxpjgl·2018-11-26 17:30

vue.js系列三:组件间通信

1.组件间通信基本原则1)不要在子组件中直接修改父组件的状态数据2)数据在哪,更新数据的行为(函数)就应该定义在哪2.vue组件间通信方式1)props2)vue的自定义事件3)消息订阅与发布(如:pubsub
suxin1932·2018-11-25 15:12

Cookbook组件形式：优化 Vue 组件的运行时性能

本文仿照VueCookbook组织形式，对优化Vue组件的运行时性能进行
前端小透明·2018-11-25 11:04

vue组件实践之可搜索下拉框功能

之前也写过这个小组件，最近遇到select下加搜索的功能，所以稍微完善一下。效果图：子组件DROPDOWN.VUE{{itemlist.cur.name}}{{item.name}}{{nodatatext}}exportdefault{data(){return{datalist:[],isShow:false}},props:{'itemlist':Object,//父组件传来的数据'plac
Jervis·2018-11-25 10:14

无标题文章是

###store1.Vue组件中获得Vuex状态```js//方式一全局引入单例类//创建一个Counter组件constCounter={template:`{{count}}`,computed:{
芸豆_6a86·2018-11-24 17:36

无标题文章是

###store1.Vue组件中获得Vuex状态```js//方式一全局引入单例类//创建一个Counter组件constCounter={template:`{{count}}`,computed:{
芸豆_6a86·2018-11-24 17:36

vuex梳理

###store1.Vue组件中获得Vuex状态```js//方式一全局引入单例类//创建一个Counter组件constCounter={template:`{{count}}`,computed:{
芸豆_6a86·2018-11-24 17:12

vuex梳理

###store1.Vue组件中获得Vuex状态```js//方式一全局引入单例类//创建一个Counter组件constCounter={template:`{{count}}`,computed:{
芸豆_6a86·2018-11-24 17:12

从零开始在NPM上发布一个Vue组件

TL;DR本文细致讲解了在NPM上发布一个Vue组件的全过程，包括创建项目、编写组件、打包和发布四个环节。创建项目这里我们直接利用@vue/cli来生成项目。
Kernholz·2018-11-23 21:22

vue组件间的参数传递

1.父组件与子组件传值组件（Component）是Vue.js的核心部分，组件的作用域是孤立的，所以不能在子组件模板内直接引用父组件的数据，但是组件之间的通信是必不可少的。组件A在其模板中使用了组件B，A组件要向B组件传递数据，B组件要将其内部发生的事情告知A组件，那么A、B组件怎么进行通信呢？Vue.js父子组件的关系可以总结为propsdown，eventsup，父组件通过props向下传递数
saintkl·2018-11-23 13:48

详解Vue组件之作用域插槽

写作用域插槽之前，先介绍一下Vue中的slot内容分发：如果标签之间没有插入那两个p标签的话，页面会显示子组件模板中定义的“父组件如果没有插入内容，我将被显示”这一则内容，但如果标签之间有插入内容的话，则子组件模板中的标签以及之间的内容都会被替换成标签之间插入的内容。这里子组件内的备用内容，作用域是子组件本身；作用域插槽：显示结果：template内可以通过临时变量props来访问来自子组件插槽的
愫幕·2018-11-22 10:36
上一页 147 148 149 150 151 152 153 154 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他