组件 组件是可复用的 Vue 实例,且带有一个名字:在这个例子中是 。我们可以在一个通过 new Vue 创建的 Vue 根实例中,把这个组件作为自定义元素来使用: 因为组件是可复用的 Vue 实例,所以它们与 new Vue 接收相同的选项,例如 data、computed、watch、metho ...
分类:
其他好文 时间:
2018-06-27 22:24:50
阅读次数:
151
如图,我要实现点击关注之后列表及时更新成最新的列表。 思路很简单,主要是两点: 1、在点击关注之后去执行一个请求新的关注列表的action; 2、在vue组件中watch监听已关注列表和推荐关注列表 主要代码如下: 组件: 关注的methods: watch: followList.js vuex的 ...
分类:
其他好文 时间:
2018-06-25 16:56:58
阅读次数:
146
初识组件 组件(Component)绝对是 Vue 最强大的功能之一。它可以扩展HTML元素,封装可复用代码。从较高层面讲,可以理解组件为自定义的HTML元素,Vue 的编译器为它添加了特殊强大的功能。所有的 Vue 组件同时也都是 Vue 的实例,因此可以接受相同的选项对象(除了一些特有的选项)并 ...
分类:
Web程序 时间:
2018-06-25 11:17:55
阅读次数:
218
var vm = new Vue({ el: "#app", data: { name: "苹果", price: 10, num: 1 }, components:{ "goods":goods } }); var goods = { template: "<div><p>名字:{{name}}< ...
分类:
其他好文 时间:
2018-06-23 15:42:55
阅读次数:
311
正如其名,vue-router 提供的导航钩子主要用来拦截导航,让它完成跳转或取消。 有多种方式可以在路由导航发生时执行钩子:全局的、单个路由独享的、或者组件级的。 一、全局钩子 你可以使用 router.beforeEach 注册一个全局的 before 钩子: 同样可以注册一个全局的 after ...
分类:
其他好文 时间:
2018-06-21 23:49:06
阅读次数:
383
vue的组件传值可以分为三种,一种是父组件传子组件,使用的是props 例: 定义两个组件 一个是父组件 index.vue 一个是子组件 child.vue index.vue的代码如下: 恢复内容结束 ...
分类:
其他好文 时间:
2018-06-20 21:05:37
阅读次数:
209
组件是Vue.js最强大的功能之一。组件可以扩展HTML元素,封装可重用的代码。在较高层面上,组件是自定义的元素,Vue.js的编译器为它添加特殊功能。在有些情况下,组件也可以是原生HTML元素的形式,以is特性扩展。 1、注册组件 注册组件就是利用Vue.component()方法,先传入一个自定 ...
分类:
其他好文 时间:
2018-06-20 16:35:28
阅读次数:
145
代码结构:首先HeaderNav组件是被单独拎出来的,router-view中就对应了内容组件,由于有时候i有的界面的header内容是不一样的,因此要用到兄弟组件的相互通信,这个时候我首先选择了bus[中央事件总线] 问题描述:就是在页面上用按钮点击切换路由的时候了,header是可以正常切换的, ...
分类:
其他好文 时间:
2018-06-17 14:18:34
阅读次数:
321
1.Vue是单页面组件化的开发 什么是组件:组件是Vue.js最强大的功能之一。组件可以扩展HTML元素,封装可重用的代码。在较高层面上,组件是自定义的元素,Vue.js的编译器为它添加特殊功能。在有些情况下,组件也可以是原生HTML元素的形式。 页面是由一个根组件挂载其他组件组成的; 使用组件的步 ...
分类:
其他好文 时间:
2018-06-15 13:21:06
阅读次数:
148