perfect*

2019年4月28日

Vue-Router路由 Vue-CLI脚手架和模块化开发之路由常用配置与路由嵌套

摘要： vue-router路由常用配置 1、mode：配置路由模式，默认为hash，由于URL很丑，可以修改为history，但是需要服务端的支持；以上一篇的博文为实例：初始时url的显示：使用mode之后的显示：使用mode的代码：但是当复制该链接在新的窗口打开的时候，不能打开该链接，如图：阅读全文

posted @ 2019-04-28 16:26 perfect* 阅读(2339) 评论(0) 推荐(0) 编辑

Vue-Router路由Vue-CLI脚手架和模块化开发之 vue-router路由

摘要： vue-router路由：Vue.js官网推出的路由管理器，方便的构建单页应用；单页应用（SPA）只有一个web页面的应用，用户与应用交互时，动态更新该页面的内容；简单来说，根据不同的url与数据，将他们都显示在同一个页面中，就可称为单页应用；而控制页面跳转需要用路由。 vue-router下载：阅读全文

posted @ 2019-04-28 14:46 perfect* 阅读(456) 评论(0) 推荐(0) 编辑

2019年4月27日

Vue 组件&组件之间的通信之使用slot分发内容

摘要： slot详细介绍网址：https://cn.vuejs.org/v2/api/#slot 有时候我们需要在自定义组件内书写一些内容，例如： <com-a> <h1>title</h1> </com-a> 如果想获取上面代码片段中h1标签的内容该怎么办呢？ Vue提供了一个极为方便的内置组件<slot 阅读全文

posted @ 2019-04-27 15:27 perfect* 阅读(1095) 评论(0) 推荐(0) 编辑

Vue 组件&组件之间的通信之非父子关系组件之间的通信

摘要： Vue中不同的组件，即使不存在父子关系也可以相互通信，我们称为非父子关系通信；我们需要借助一个空Vue实例，在不同的组件中，使用相同的Vue实例来发送/监听事件，达到数据通信的目的；实例：初始加载界面：初始界面代码：使用监听事件后：添加的监听事件的代码：调用事件部分：最终代码： 1 阅读全文

posted @ 2019-04-27 15:04 perfect* 阅读(595) 评论(0) 推荐(0) 编辑

Vue 组件&组件之间的通信之单向数据流

摘要：单向数据流：父组件值的更新，会影响到子组件，反之则不行；修改子组件的值：局部数据：在子组件中定义新的数据，将父组件传过来的值赋值给新定义的数据，之后操作这个新数据；如果对数据进行简单的操作，可以使用计算属性；由效果图可知，父组件值的更新，会影响到子组件，而子组件值的更新时，控制台会报错此时阅读全文

posted @ 2019-04-27 14:20 perfect* 阅读(1158) 评论(0) 推荐(0) 编辑

Vue 组件&组件之间的通信之子组件向父组件传值

摘要：子组件向父组件传值：子组件通过$.emit()方法以事件形式向父组件发送消息传值；使用步骤：定义组件：现有自定义组件com-a、com-b，com-a是com-b的父组件；准备获取数据：父组件com-a要获取子组件data中的height属性；在子组件com-b中，需要用$.emit()方法阅读全文

posted @ 2019-04-27 12:03 perfect* 阅读(1611) 评论(0) 推荐(0) 编辑

Vue 组件&组件之间的通信之父组件向子组件传值

摘要：父组件向子组件传值：父组件通过属性向下传值的方式和子组件通信；使用步骤：定义组件：现有自定义组件com-a、com-b，com-a是com-b的父组件；准备获取数据：com-b要获取父组件data中的name属性；在<com-b :name=“name”></com-b> 使用v-bind 阅读全文

posted @ 2019-04-27 11:11 perfect* 阅读(10347) 评论(0) 推荐(0) 编辑

Vue 组件&组件之间的通信父子组件的通信

摘要：在Vue的组件内也可以定义组件，这种关系成为父子组件的关系；如果在一个Vue实例中定义了component-a，然后在component-a中定义了component-b，那他们的关系就是： Vue实例 -- 根组件 root component-a – 相对于root 这是子组件，相对于comp 阅读全文

posted @ 2019-04-27 09:44 perfect* 阅读(377) 评论(0) 推荐(0) 编辑

2019年4月23日

Vue 组件&组件之间的通信之 template模板引用与动态组件的使用

摘要： template模板引用在component的template中书写大量的HTML元素很麻烦。 Vue提供了<template>标签，可以在里边书写HTML，然后通过ID指定到组建内的template属性上；示例：由图可知自定义组件的count的值是自增的，是独立的，互不影响。 vue代码：阅读全文

posted @ 2019-04-23 18:07 perfect* 阅读(15185) 评论(0) 推荐(0) 编辑

Vue 组件&组件之间的通信之全局组件与局部组件

摘要：在上篇博客中介绍了组件，在注册组件的简写中就用到了全局组件组件可分为全局组件与局部组件；全局组件：在全局API中的Vue.component注册；该项目中所有Vue实例内均可以使用；局部组件：在Vue实例中的components选项中注册；只能在本实例中使用；现在创建两个Vue实例来进阅读全文

posted @ 2019-04-23 16:25 perfect* 阅读(759) 评论(0) 推荐(0) 编辑

公告