由于路由在上节声明式传参中已经配好,我们可以沿用 选择cart.vue组件来示例,再该组件中添加数据 然后在页面上进行渲染,并在列表里的a标签上添加点击事件pushFn(item.shop_id)并将商品shop_id传进去,便于方法的调用 在vue参数中添加方法 这样我们亦可以通过点击按钮来进行页 ...
分类:
其他好文 时间:
2017-10-24 22:48:23
阅读次数:
216
1、全局组件 Vue.component(name,{}) 第一个参数:组件名字 三种名字用法 : 1、Vue.component(hello,{ template: <h1>我是第一种命名方法</h1> }) 调用 <hello></hello> 2、Vue.component(myHello,{ ...
分类:
其他好文 时间:
2017-10-24 20:45:55
阅读次数:
162
1.prop 父组件传递给子组件,即通过VUE本身具有的Props属性来传递值 Child组件 Father组件 运行结果 2.非Prop传递数据 Child Father 运行结果 3.v-on v-emit 子组件传给父组件 Child Father 运行结果 4.空vue实例作为事件总线,非父 ...
分类:
其他好文 时间:
2017-10-23 20:00:44
阅读次数:
264
Vue,component,组件化思路,props,$emit ...
分类:
其他好文 时间:
2017-10-21 19:16:57
阅读次数:
707
子组件注册 var myHeaderChild={ template:'<P>I am a my header child</p>' } var myHeader={ template:'<p><my-header-child></my-header-child></p>', components: ...
分类:
其他好文 时间:
2017-10-18 21:39:35
阅读次数:
208
一、分层架构 1.Web App分为三层:行为层, 数据存储层和协议层,各层的的分工是非常明确的。 a.行为层, 体现在.vue组件和路由上,存放一些简单的数据主要用于与用户之间的及时交互。 b.数据存储层, 体现在vuex中,通俗的来讲就是将请求来的数据进行存储和处理 c.协议层,就是获取数据(包 ...
分类:
移动开发 时间:
2017-10-11 19:07:11
阅读次数:
250
父子组件通信 父组件向子组件传递数据: 1、通过子组件的 props 选项声明它期待获得的数据,用以接收父组件传过来的值。 2、在子组件标签中使用子组件props中创建的属性 3、父组件中注册子组件 4、把需要传给子组件的值赋给在子组件中声明的属性。 子组件向父组件传递数据: 1、在子组件中以某种方 ...
分类:
其他好文 时间:
2017-10-10 00:04:05
阅读次数:
140
组件实例之间的作用域是孤立存在,要让它们之间的信息互通,就必须采用组件的通信方式 props用于父组件向子组件传达信息 1.静态方式 eg: props以数组的形式发出自己所需要的信息(至于父亲给不给,就由父亲说了算),父作用域给予回应,将message=‘hello’回应回去,儿子得到自己想要的, ...
分类:
其他好文 时间:
2017-10-09 14:10:51
阅读次数:
187