随笔分类 -  vue.js

1
vue.js基础知识总结
摘要：初始化一个项目 npm init -y npm init -y 安装一些依赖 npm install 名称 --save 例如 npm install vue axios bootstrap --save --save 表示开发和上线都要用 --save dev 表示开始时候用，上线丢掉 npm i 阅读全文
posted @ 2017-09-23 20:37 八bug哥哥 阅读(453) 评论(0) 推荐(1)
js 发布订阅模式
摘要：//发布订阅模式 class EventEmiter{ constructor(){ //维护一个对象 this._events={ } } on(eventName,callback){ if( this._events[eventName]){ //如果有就放一个新的 ... 阅读全文
posted @ 2017-09-09 17:39 八bug哥哥 阅读(1062) 评论(0) 推荐(0)
webpack常见的配置总结 ---只是一些常见的配置
摘要：早期的构建工具grunt ,gulp 帮助我们配置一些开发环境，省去一些我们调试和重复的工作 现在我们的构建工具一般是webpack ,目前建议大家用3.0以上的版本 现在市场上比较优秀的构建工具，个人认为有2个（大神有不同意的请不要喷我😝） 1-webpack 2-fls3 fls3是百度提供的 阅读全文
posted @ 2017-09-07 18:36 八bug哥哥 阅读(4757) 评论(0) 推荐(0)
vue.js定义一个一级的路由 ----由浅入深
摘要：#### 定义一个路由- 实例化一个路由并设置路由映射表 - 实例化里面第一个参数 routes 路由映射表 - routes 里面参数 - path 路由的路径 - component 路由对应的组件 - 第二个参数 我们选中的样式指定 - 一般我们用默认样式router-link-active就 阅读全文
posted @ 2017-09-06 20:22 八bug哥哥 阅读(1440) 评论(0) 推荐(0)
vue.js编程式路由导航 --- 由浅入深
摘要：编程式路由导航 实例中定义一个方法，这个方法绑定在标签上 然后就设置路由跳转 语法 this.$router.history.push('要跳转路由的地址') 如果文章有帮助到您，请点右侧的推荐关注哈，O(∩_∩)O谢谢~ >>>> 阅读全文
posted @ 2017-09-06 20:19 八bug哥哥 阅读(5286) 评论(0) 推荐(0)
vue.js嵌套路由-------由浅入深
摘要：嵌套路由就是路由里面嵌套他的子路由 子路由关键属性children 每一个子路由里面可以嵌套多个组件 子组件又有路由导航和路由容器 <router-link to="/父路由的地址名字/要去的子路由的名字"></router-link> 下面实例讲解 阅读全文
posted @ 2017-09-06 20:16 八bug哥哥 阅读(15163) 评论(0) 推荐(2)
vue.js路由参数简单实例讲解------简单易懂
摘要：vue中，我们构建单页面应用时候，一定必不可少用到vue-router vue-router 就是我们的路由，这个由vue官方提供的插件 首先在我们项目中安装vue-router路由依赖 第一种，我们提供命令行来安装 npm install vue-router --save 第二种，我们直接去官方 阅读全文
posted @ 2017-09-06 20:06 八bug哥哥 阅读(644) 评论(0) 推荐(0)
vue组件知识总结
摘要：vue组件化开发 将一个页面分割成若干个组件，一个页面js+css+html,将自己类容分割出来，方便开发，更好了维护我们的代码，每个组件封装自己的js+html+css,样式命名冲突 将一个页面分割成若干个组件，一个页面js+css+html,将自己类容分割出来，方便开发，更好了维护我们的代码，每 阅读全文
posted @ 2017-09-05 20:36 八bug哥哥 阅读(1452) 评论(0) 推荐(0)
vue.js 利用组件之间通讯，写一个弹出框例子
摘要：Title 弹出 你确定删除吗？ 关闭 ok成功！ 阅读全文
posted @ 2017-09-05 17:43 八bug哥哥 阅读(620) 评论(0) 推荐(0)
vue.js组件之间通讯--父组件调用子组件的一些方法，子组件暴露一些方法，让父组件调用
摘要：Title 阅读全文
posted @ 2017-09-05 16:15 八bug哥哥 阅读(2257) 评论(0) 推荐(0)
vue.js组件之间通讯的数据双向绑定----父亲把数据传递给儿子，儿子更改数据后，重新发送给父亲，父亲数据更改后，属性会重新发送个儿子，儿子刷新新数据
摘要：vue组件是相互独立的，如果要交互通讯，这时候，就需要组件之间数据互通了 往常我们讲的都是数据传递，子传父，父传子，都没有说子和父，父与子之间的数据互通 父亲传递给儿子数据，儿子触发一个父亲方法，将最新的值传递给父亲，父亲更改后，属性会重新传递儿子，儿子会刷新 什么叫数据互通，就是父传子-子接受传递 阅读全文
posted @ 2017-09-05 15:32 八bug哥哥 阅读(706) 评论(0) 推荐(0)
vue.js组件之间的通讯-----父亲向儿子传递数据，儿子接收父亲的数据
摘要：Title 阅读全文
posted @ 2017-09-05 13:02 八bug哥哥 阅读(1036) 评论(2) 推荐(0)
vue.js通讯----父亲拿儿子的数据
摘要：Title 阅读全文
posted @ 2017-09-05 12:59 八bug哥哥 阅读(520) 评论(0) 推荐(0)
vue.js中的路由vue-router2.0使用
摘要：在我们平时工作中，我们有时候会有需求，按照不同的规则，加载不同的组件，页面不去跳转，常见的操作是ajax的异步操作，实现局部刷新加载新数据 在vue中，我们写了很多不同的组件，这时候，实现不刷新调用新组件，vue为我们提供了非常好用的一个插件，那就是路由 vue-router 我们首先去安装路由 在 阅读全文
posted @ 2017-07-14 15:48 八bug哥哥 阅读(901) 评论(0) 推荐(0)
vue.js实现内部自定义指令和全局自定义指令------directive
摘要：在Vue中，我们平时数据驱动视图时候，内部自带的指令有时候解决不了一些需求，这时候，Vue给我们一个很好用的东东 directive 这个单词是我们写自定义指令的关键字哦 之定义指令为我们提供了几个钩子函数，这时候你一定好奇什么是钩子函数，说简单点，就是集中表现状态 bind: 只调用一次，指令第一 阅读全文
posted @ 2017-07-10 15:08 八bug哥哥 阅读(2612) 评论(0) 推荐(1)
vue用js部分控制动画实现
摘要：上次我们提到用vue实现过渡动画，其实只讲了vue动画的一部分，用vue自带的css状态控制动画实现，不带js http://www.cnblogs.com/null11/p/7081506.html 在vue中，还有一种方式控制动画的实现，那就是用js控制动画的状态 分别是下面3种状态 :befo 阅读全文
posted @ 2017-07-10 14:32 八bug哥哥 阅读(4529) 评论(0) 推荐(0)
[原]浅谈vue过渡动画,简单易懂
摘要：在vue中什么是动画 开始先啰嗦一下，动画的解释（自我理解😢） 在一个标签里面的类容，我们视觉看到它，这时候，这个标签以什么形式出现，中间变化了什么，并且以什么形式消失，是有一个过渡的存在的方式，我叫做动画 （不是那种干出，干消失哈😁，大神原谅我粗糙的说辞\(^o^)/~） 闲言碎语不多讲，上干 阅读全文
posted @ 2017-06-26 17:22 八bug哥哥 阅读(11026) 评论(1) 推荐(1)
[原]vue实现全选，反选
摘要：用vue写业务代码时候，后端大神丢给我一堆数据，要求是做全选，反选功能，然后把用户更改的数据全部返回给他 基本思路 如果父级选中了，那么父级下面的子集全部选中checked=true; 如果子集中选中了一个，那么父级应该被勾选中 如果子集一个都没有选中，那么父级此时应该没有选中 最后提交用户改变后的 阅读全文
posted @ 2017-06-15 16:11 八bug哥哥 阅读(807) 评论(0) 推荐(1)
vue.js实现数据动态响应（Vue.set的应用）
摘要：在vue里面，我们操作最多的就是各种数据，在jquery里面，我们习惯通过下标定向找到数据，然后重新赋值 比如var a[0]=111;（希望上家公司原谅菜鸟的我写了不少这样的代码😁） 下面上代码 当我点击按钮时候，发现没有任何变化，页面上还是a,b,c vue当然不会这么菜呢 下面是伟大的vue 阅读全文
posted @ 2017-06-15 11:13 八bug哥哥 阅读(34487) 评论(0) 推荐(0)
【原】vue单文件组件互相通讯
摘要：在vue中，我们可以把一个页面各个部分单独封装起来，做成各种小组件，然后加载，这样的好处是代码维护起来比较容易，重复的代码多处调用！ 在一个vue项目中，单文件组件以.vue形式文件命名 每个组件之间，都能建立起关联,然后最后通过webpack打包编译就好 下面有两个组件a.vue和b.vue $e 阅读全文
posted @ 2017-06-15 10:28 八bug哥哥 阅读(3184) 评论(0) 推荐(0)

1