以下是使用自己写的一个简单的文件上传框为例 时间:20180710 编写:luoxm qq:1085656523 1、自定义组件结构(一个js文件,一个vue文件),最好单独放一个文件 2、upload.vue 内容 其中,action是父组件传递给子组件的参数,使用props进行接收,并关联到ac ...
分类:
其他好文 时间:
2018-07-10 17:42:52
阅读次数:
593
vue中提供了一种混合机制--mixins,用来更高效的实现组件内容的复用。最开始我一度认为这个和组件好像没啥区别。。后来发现错了。下面我们来看看mixins和普通情况下引入组件有什么区别? 组件在引用之后相当于在父组件内开辟了一块单独的空间,来根据父组件props过来的值进行相应的操作,单本质上两 ...
分类:
其他好文 时间:
2018-07-06 17:42:52
阅读次数:
170
1.一个完整的组件项目需要什么? 必要的: 组件构建方式 ( webpack / rollup 之类 ),并提供至少一个主流的输出格式 (ESModule) Demo 及 Demo 源码 文档,可以是 docsify 之类的生成的页面,懒点就内嵌在 README 里了 其实上面的除了文档都比较容易做 ...
分类:
其他好文 时间:
2018-07-05 23:18:19
阅读次数:
217
什么顺序不顺序的。。 先来说说非父子组件通信。 首先,我们先来了解下vue中的 1.$emit 触发当前实例上的事件,附加参数都会传给监听器回调。 2.$on 监听当前实例上的自定义事件。事件可以由vm.$emit触发。回调函数会接收所有传入事件触发函数的额外参数。 基础知识准备好了,下面,我们就来 ...
分类:
其他好文 时间:
2018-07-05 17:23:43
阅读次数:
175
源码:https://github.com/LY-u/vue_better-scroll 封装scroll.vue组件, 在组件内加载: import BScroll from 'better-scroll' 组件内容:参考:https://github.com/LY-u/vue_better-sc... ...
分类:
其他好文 时间:
2018-07-04 16:46:59
阅读次数:
214
基础 介绍 是什么 是一套用于构建用户界面的渐进式框架 声明式渲染 vue 实例 一个 Vue 应用由一个通过 new Vue 创建的根 Vue 实例,以及可选的嵌套的、可复用的组件树组成。 所有的 Vue 组件都是 Vue 实例,并且接受相同的选项对象 (一些根实例特有的选项除外)。 数据与方法 ...
分类:
其他好文 时间:
2018-07-03 20:14:12
阅读次数:
189
最近使用vue学习开发移动端的项目,使用了bette-scroll插件做滚动。在引入better-scroll的组件中使用@click事件的时候,点击事件失效,v-on:click、v-bind:click、@click.native都不行,试了一下@touchstart是却是可以的,发现bette ...
分类:
其他好文 时间:
2018-07-03 14:34:00
阅读次数:
1479
在vue.js组件教程的一开始提及到了is特性 意思就是有些元素,比如 ul 里面只能直接包含 li元素,像这样: <ul> <li></li> </ul> //而不能: <ul> <your-component> </ul> 这样就不能复用your-component这个组件了,如果要达到我们的目 ...
分类:
其他好文 时间:
2018-07-02 23:01:27
阅读次数:
287
Vue最常用的组件通讯有三种:父->子组件通讯、子->父组件通讯,兄弟组件通讯.(template用的pug模板语法) 1.父->子组件通讯 父->子组件通讯,是通过props进行数据传递,并且具有这几个特性,单向传递,子组件接收的数据不可以更改,如果更改,会发出警告,每次父组件更新时,子组件的所有 ...
分类:
其他好文 时间:
2018-07-02 20:21:32
阅读次数:
101
vue模块第一篇,因为公司马上要用到这vue开发。早就想好好看看vue了。只有实际工作中用到才会进步最快。vue其他的简单指令就不多讲了,没啥意思,网上一大堆。看w3c就ok。 组件这个我个人感觉坑蛮多的,所以特地记录一下。 全局组件 这样就声明了一个全局组件,然后你在html中直接引用 <to-d ...
分类:
其他好文 时间:
2018-06-30 18:53:33
阅读次数:
163