随笔分类 -  Vue

ES6 学习笔记
摘要：1.let命令 1）let和var的区别：let声明的变量只有所在的代码块有效。 2）没有变量的提升，一定要声明后使用。使用let命令声明变量之前，该变量都是不可用的。形成“暂时性死区”。 3）typeof 不再是一个百分之百安全的操作。 2.块级作用域 1）es5和es6比较：es5 只有全局作用 阅读全文
posted @ 2017-08-01 18:02 铭绘 阅读(215) 评论(0) 推荐(0)
Vue2.x中的父子组件相互通信
摘要：原理 在 Vue.js 中，父子组件的关系可以总结为 props down, events up 。 父组件通过 props 向下传递数据给子组件，子组件通过 events 给父组件发送消息。看看它们是怎么工作的。 业务场景 这里指的是直接父子级关系的通信 美女(子组件)将消息发送给大群(父组件) 阅读全文
posted @ 2017-08-01 17:41 铭绘 阅读(333) 评论(0) 推荐(0)
Vue2.x中的父组件数据传递至子组件
摘要：父组件结构 template <template> <div> <v-girl-group :girls="aGirls"></v-girl-group> </div> </template> script <script> import vGirlGroup from './GirlGroup' 阅读全文
posted @ 2017-08-01 17:37 铭绘 阅读(300) 评论(0) 推荐(0)
vue2.0父子组件以及非父子组件如何通信
摘要：1.父组件传递数据给子组件 父组件数据如何传递给子组件呢？可以通过props属性来实现 父组件： 子组件通过props来接收数据: 方式1： 方式2 : 方式3： 这样呢，就实现了父组件向子组件传递数据. 2.子组件与父组件通信 那么，如果子组件想要改变数据呢？这在vue中是不允许的，因为vue只允 阅读全文
posted @ 2017-08-01 17:31 铭绘 阅读(246) 评论(0) 推荐(0)
Vue-vue-router.js路由－－API
摘要：一：<router-link> <router-link> 组件支持用户在具有路由功能的应用中（点击）导航。 通过 to 属性指定目标地址，默认渲染成带有正确链接的 <a> 标签，可以通过配置 tag 属性生成别的标签.。另外，当目标路由成功激活时，链接元素自动设置一个表示激活的 CSS 类名。 < 阅读全文
posted @ 2017-07-31 15:24 铭绘 阅读(249) 评论(0) 推荐(0)
Vue-vue-router.js路由－－进级
摘要：一：导航钩子 正如其名，vue-router 提供的导航钩子主要用来拦截导航，让它完成跳转或取消。有多种方式可以在路由导航发生时执行钩子：全局的, 单个路由独享的, 或者组件级的。 全局钩子 你可以使用 router.beforeEach 注册一个全局的 before 钩子： 当一个导航触发时，全局 阅读全文
posted @ 2017-07-31 15:20 铭绘 阅读(404) 评论(0) 推荐(0)
Vue-vue-router.js路由
摘要：一：安装 在 Vue 后面加载 vue-router，它会自动安装的： <script src="/path/to/vue.js"></script> <script src="/path/to/vue-router.js"></script> 二：使用 用 Vue.js + vue-router 阅读全文
posted @ 2017-07-31 15:08 铭绘 阅读(10256) 评论(0) 推荐(0)