我们知道,vue组件中,父组件把数组传递给子组件的话,通常是使用props传递,而vue规定,prop是只能单向下行传递的,那么子组件要怎么才能实现数据的向上传递呢,这里引述一个概念:"父子组件的关系:prop向下传递,事件向上传递",上一篇文章当中,关于数据向上传递用到的事件方法 $emit() ...
分类:
Web程序 时间:
2018-04-29 13:31:09
阅读次数:
212
当在一个自定义组件上使用 class 属性时,这些类将被添加到该组件的根元素上面。这个元素上已经存在的类不会被覆盖。 例如,如果你声明了这个组件: 然后在使用它的时候添加一些 class: HTML 将被渲染为: ...
分类:
其他好文 时间:
2018-04-24 14:52:44
阅读次数:
271
我们知道组件是单项的,但是有时候需要双向,这时候我们可以使用.sync修饰符,但今天遇到一个坑,一直不成功,花了半小时试出来的。。。。 在编程的时候我们很习惯冒号后面跟着空格。而.sync双向绑定需要子组件显性触发 这里的updata:foo可以说是一个名字,不能加空格,不能加空格,不能加空格!!! ...
分类:
其他好文 时间:
2018-04-21 13:33:22
阅读次数:
1181
用过Vue,你肯定知道,Vue组件之间的通信常见的有$dispatch - 通过冒泡的方式传递事件$broadcast - 通过广播的方式向子孙组件传递事件 如果组件之间的关系只是父-子关系,那么dispatch,broadcast其实就足够了。但是有天需求变了。登录成功之后,要把用户信息都填上,而 ...
分类:
其他好文 时间:
2018-04-14 12:39:46
阅读次数:
188
组件通讯包括:父子组件间的通信和兄弟组件间的通信。在组件化系统构建中,组件间通信必不可少的。 父组件--> 子组件 1. 属性设置 父组件关键代码如下: 子组件关键代码如下: child-msg 为父组件给子组件设置的额外属性值,属性值需在子组件中设置props,子组件中可直接使用child-msg ...
分类:
其他好文 时间:
2018-04-14 12:37:15
阅读次数:
160
vue组件封装思路 vue-router: hash模式&History模式(hash变化如何捕获) vue:data为何采用function return 方式 jQuery链式调用基础,扩充 jQuery常用部分 数组api用途,返回值 如何实现三列布局高度自适应(等高) ...
分类:
其他好文 时间:
2018-04-12 22:39:28
阅读次数:
183
注册组件 全局组件 注册组件就是利用Vue.component()方法,先传入一个自定义组件的名字,然后传入这个组件的配置。 如上方式,就已经创建了一个自定义组件,然后就可以在Vue实例挂在的DOM元素中使用它。 其中 my-component 组件是局部组件,只能在当前Vue实例中使用 局部组件 ...
分类:
其他好文 时间:
2018-04-12 10:30:59
阅读次数:
103
最近在学习vue框架,从网上找了一个实例但是只有一个页面,就是所有组件都放到App.vue里,结果点击按钮,所有内容都显示在当前页面,但是我想实现页面的跳转,搞了好几天,终于在网上找到了一个例子。下面贴出在一个页面添加组件以及跳转页面的代码。 单页应用(SPA),那么整个项目有以下三个文件是必要的: ...
分类:
其他好文 时间:
2018-04-11 18:04:37
阅读次数:
693
写一个vue组件 我下面写的是以.vue结尾的单文件组件的写法,是基于webpack构建的项目。如果还不知道怎么用webpack构建一个vue的工程的,可以移步到vue cli。 一个完整的vue组件会包括一下三个部分: 1. template:模板 2. js: 逻辑 3. css : 样式 每个 ...
分类:
其他好文 时间:
2018-04-09 15:14:55
阅读次数:
227
在main.js中添加 在需要的登录vue组件中引入: 需要先安装qs cnpm install qs -d 最后 ...
分类:
其他好文 时间:
2018-04-09 13:20:16
阅读次数:
546