vue-学习笔记

一、vue组件

父组件向子组件传值(通过prop属性绑定),

注意:

1.v-bind数据绑定时,可能由于某种命名的规范方法或者属性名字不能是带有驼峰或者连字符的。并且绑定之后,还要放到子组件的props数据后,方可调用。  

<v-infoList v-bind:listdata="listdata"></v-infoList>

2.子组件调用的父组件的属性,只能读不能写。同时,子组件的属性是其私有的,Ajax请求返回data属性变化也只是子组件私有的

3.如果要传递方法时,用v-on绑定方法,通过this.$emit()完成template对于data的作用

二、Vue Router

用 Vue.js + Vue Router 创建单页应用。

使用 Vue.js ,我们已经可以通过组合组件来组成应用程序,当你要把 Vue Router 添加进来,我们需要做的是,将组件 (components) 映射到路由 (routes),然后告诉 Vue Router 在哪里渲染它们。

1、通过注入路由器,我们可以在任何组件内通过 this.$router 访问路由器,也可以通过 this.$route 访问当前路由:

 
 

猜你喜欢

转载自www.cnblogs.com/sylvia-Camellia/p/11679186.html
今日推荐