apple_52295201的博客

组件化开发简单思路和vue项目文件的具体含义和作用

面试时候经常问的一个vue的题学习了一下，总结了几个常用的，应该是覆盖了大部分的使用场景。 1.父传子(props) 父组件向子组件传值用到自定义属性，在子组件中使用props自定义属性，父组件通过v-bind将需要传递的数据绑定到子组件上，这样子组件props里的自定义属性就可以直接使用了，和data里return的数据一样可以直接使用。 //简单演示一下 //子组件 export default { props:{ value:String } } console.log(this.value)

一、数组 使用数组重写的方法 const arr = ['arr1','arr2']; arr.splice(0,1,'arr0'); console.log(arr) //['arr0','arr2'] 使用深拷贝重新赋值给新数组直接通过下标修改 const arr = ['arr1','arr2']; const newArr = JSON.parse(JSON.stringify(arr)); newArr[0] = 'arr0'; console.log(newArr); 使用$se

** VUE项目中文件导出(bobl方法) ** 只是vue项目中一种文件导出的写法可按需选择 ExportFile() { let url = ""; //这个是向后台请求数据的地址 let params = {}; //这个是向后台发送的参数,根据实际情况选择将json转成字符串 this.$axios .post(url, params, { headers: { "Content-Type": "application/json