1、父组件：
<headerchild ref="headerChild"></headerchild>
获取子组件的方法属性：
this.refs.headerChild.方法
子组件获取父组件的数据：
2、vue给data中的数组赋值需要进行特殊处理，方法一：将this赋值给另一个变量，例如that，然后通过that来修改数组的值
如果调接口的时候报错400，很有可能是因为：
原因：1）前端提交数据的字段名称或者是字段类型和后台的实体类不一致，导致无法封装；
2）前端提交的到后台的数据应该是json字符串类型，而前端没有将对象转化为字符串类型；如果没有传数据，也有可能报错，就算是空数据也要传，数据格式需要跟后台约定
4、给数组添加对象元素{}
5、用工具爬一个网站
6、实现某些特定的页面，前进刷新，后退不刷新，读取缓存的数据需要<router-view v-if="router.push({ path: '/' });报错TypeError: Cannot read property '
http返回回调中，this指向的是
router.go(-1)就可以回到上一页
10、keep-alive缓存页面：https://www.cnblogs.com/wangyunhui/p/8178392.html
11、vuex存储的数据在刷新浏览器后就会被初始化
12、created:在模板渲染成html前调用，即通常初始化某些属性值，然后再渲染成视图。
mounted:在模板渲染成html后调用，通常是初始化页面完成后，再对html的dom节点进行一些需要的操作。
使用时碰到的一些问题：mounted加入页面只加载一次就不会再执行，created可以多次
13、vue-cli项目打包部署问题：https://www.cnblogs.com/hai-cheng/p/7826701.html
4、vue跨域解决办法：如果只是在开发环境跨域，那只需前端配置config.js文件下的proxy代理，而真正的生产环境还是需要后端配合，需要通过在服务端设置header('Access-Control-Allow-Origin:*');//允许所有来源访问，header('Access-Control-Allow-Method:POST,GET');//允许访问的方式
5、vue登录注册的思路：加载主页获取cookie,如果cookie不存在，则跳转到登录页，如果存在，则跳转到显示用户信息的页面。登录模块：输入帐号和密码，登录成功则跳转到主页，同时保存cookie。点击注销则是删除cookie
6、父组件向子组件通信：子组件创建一个props属性，父组件中注册子组件在子组件标签中添加子组件props中创建的属性；子组件向父组件传值，通过$emit方法来出发自定义事件并传参，在父组件中的子标签中监听该自定义事件并添加一个响应该事件的处理方法
网友评论