随笔分类 - vue
摘要：data: function () { return { toolBarData: [ { nIcon: require('@img/home-n.svg'), hIcon: require('@img/home-h.svg'), name: '首页', componentName: 'home'
阅读全文
摘要：结合之前总结的 https://www.cnblogs.com/maizilili/p/12402125.html 一、父子通讯 方法一：props—+ emit + .sync （该方法主要针对传递的数据，带有.sync修饰符，可反向操作数据） 父组件 <template> <div> <!--
阅读全文
摘要：1、如果想自动将用户的输入值转为数值类型，可以给 v-model 添加 number 修饰符： <input v-model.number="age" > 2、如果要自动过滤用户输入的首尾空白字符，可以给 v-model 添加 trim 修饰符： <input v-model.trim="msg">
阅读全文
摘要：watch:{ totalNum: { //totalNum是需要监听的数据 handler(newVal, oldVal){ console.log(newVal, oldVal) }, immediate: true // 组件初始化时，立刻监听totalNum }, } 父组件传值cityPi
阅读全文
摘要：一、列表页 列表页带id跳转到详情页 二、详情页 获取传递的id 拿到id，然后请求axios请求详情页数据。
阅读全文
摘要：可参考 https://www.jb51.net/article/160401.htm 一、明文传参（参数在query中，json格式传递） 常用 方法一：html跳转 方法二：js跳转 接收参数 this.$route.query.xxx 优势：页面刷新，参数不会丢失 劣势：参数暴露了 二、密文传
阅读全文
摘要：push(),pop(),shift(),unshift(),splice(),sort(),reverse()，会改变数组并更新视图 参考 https://segmentfault.com/a/1190000009789481 item 4
阅读全文
摘要：一、8个生命周期钩子函数分别是 beforeCreat() 创建前 created（）创建 beforeMount()挂载前 mounted（）挂载完成时执行 （页面DOM元素完成时执行，实例完成） beforeupdate（）更改前 updated（）更改 beforeDestroy()销毁前 d
阅读全文
摘要：vuex目录： index.js 主入口文件 modules 模块文件夹 app.js app模块 调用时候 好处多多： 1、防止命名冲突 2、报错能通过路径迅速找到错误位置
阅读全文
摘要：
阅读全文
摘要：一、vuex安装好后，默认已经注册到全局 main.js引入 注册 二、在store文件夹，index.js中 test1.vue
阅读全文
摘要：一、props 可以是基础数据或对象，用于接收来自父组件的数据。 1、数组语法（比较简单） 2、对象语法 注意事项： type default required validator
阅读全文
摘要：1、v html和v text 预览结果为： 总结：v html会把标签样式渲染执行。v text是纯文本复制。
阅读全文
摘要：一、请求方式 1、get请求 2、post请求 3、request 二、请求拦截器 场景：在每次发送请求时，携带用户token方便后台做用户相关操作 在每次发送请求前，都会进入请求拦截器，我们可以在此处统一绑定上想要发送的参数，则每个请求都会自动携带token 三、响应拦截器 场景：服务器所有接口都
阅读全文
摘要：一、export 和 export default 1、export与export default均可用于导出常量、函数、文件、模块等 2、在一个文件或模块中，export可以导出多个，对应的 import导入加{ } 2、在一个文件或模块中，export 可以导出多个，对应的 import导入加花
阅读全文
摘要：一、初试化项目 1、安装 vue cli3 2、创建项目 3、在项目中安装 composition api,体验 vue3 新特性 4、在main.js引入，通过 Vue.use() 进行安装 二、setup(props, context){ } 里边放data数据、生命周期、自定义函数 props
阅读全文
摘要：一、烦人的eslink(折磨死了 简单粗暴法) 修改 vue.config.js
阅读全文
摘要：参考 https://segmentfault.com/a/1190000012996217?utm_source=tag newest 一、前言 Vue的slot插槽，简单理解就是，在子组件内占坑，在父组件里填坑。 二、slot的作用 Q: 假如父组件需要在子组件内放一些DOM元素，那么这些DOM
阅读全文
摘要：请求拦截 参考 https://blog.csdn.net/qq_38145702/article/details/81558816?depth_1 utm_source=distribute.pc_relevant.none task&utm_source=distribute.pc_releva
阅读全文
摘要：一、v show 与 v if 区别 1、区别 v show：是css根据display属性来进行显隐切换。 v if：是完整的销毁和重新创建。 2、使用 频繁切换时用v show 运行时较少改变时用v if 3、v if=‘false’ v if是条件渲染，当false的时候不会渲染. 当DOM元
阅读全文
浙公网安备 33010602011771号