vue
文章平均质量分 77
喜欢阳光与你
傲娇程序猿
展开
-
使用Vue开发网站之路2-多组件通信3(父子间通信,组件与vue通信)
组件与vue通信这个说得有点奇怪,其实就是因为你的组件很多,有时候你的vue一个动作可能需要知道其他组件的状态,就像你提交表格,你需要知道其他组件的值是否填写正确。于是还是要通信。咋通呢。来来来。其实很简单。就是vue里有对应的组件的值,提交的时候验证这些值就可以了,如果该被验证的组件式输入框的话,那么你就要实时根据输入的值来更新vue里对应的属性值。只要实现是同步input的Value跟原创 2017-04-26 19:11:45 · 320 阅读 · 0 评论 -
使用Vue开发网站之路2-多组件通信2(利用Vuex进行数据传递)
这里还是非父子组件间的通信其实我也不喜欢看别人的大段代码,但这是最完整的,以后肯定有用(完整代码贴在最后面,自己看)主要实现是使用vuex的公共空间存放数据,这个时候要问,那为什么不之间用一个对象啊,其他也是可以的,但是vuex可以检测你数据的变化,这个后期有用。继续,主要实现是新建一个Vuex.Store,然后在mutations里面编写你要修改数据的方法。再在在要修改数据的原创 2017-04-26 18:53:23 · 1983 阅读 · 0 评论 -
使用Vue开发网站之路2-多组件通信1(利用bus总线进行事件触发)
我的数据一般都放到对应的单组件里,因为我开发的是web app,组件较多,如果请求的数据都放到new Vue里面的话,难免太乱。用多组件比较方便,当然,如果这个页面只有一个请求的化,可以直接把请求放到新建的Vue对象里面。像这样:new Vue({ el:'main', //html只能读取new Vue里面的data data:{ result:'' }, //原创 2017-04-26 18:20:36 · 1358 阅读 · 0 评论 -
使用Vue开发网站之路1-单个组件的开发
因为对Vue的好奇,我最近尝试着用Vue去做一些网站的开发。尝到了它的甜头,我感觉到了它某些地方的不便(主要跟Jquery对比)。组件式开发的优点就是可以在不同的页面使用,造一次轮子就可以了,这个是前端的很早之前就提倡的路。不过组件式开发由于是低耦合的,所以它的组件间通信并不十分方便,当然也有可能我接触时间略短,两周左右吧。我从简单地开始写,就当笔记了。单组件(全局组件和局部组原创 2017-04-26 18:05:56 · 894 阅读 · 0 评论 -
使用Vue开发网站之路3-slot内容分发实现基础表单,衍生表单
slot这个东西我一开始还不太好理解,以为之前完全没有那样的思想,就是插槽,占位。这个占位我只知道回调。没想到内容也可以占位。 我为什么要实现个基础表单,衍生表单呢。一是因为这些表单都有共同点就是都是可选删除,地下都有上一页,写一页,每页标签。把这些共同点整理到一个基础表单里让我很舒服。第二:我要加深对slot的理解。看看它到底好不好用。 具体实现方案就是基本组件里面有slot,这个slot有一个原创 2017-04-26 19:39:48 · 802 阅读 · 0 评论