随笔分类 - vue的相关内容
工作当中使用vue框架时遇到的问题及解决办法
摘要：1，ref 和 reactive 主要用来定义响应式数据。 引入方式： import { ref, reactive } from "vue"; 注意：ref一般适用于常规类型，比如：number，Boolean，string，array类型； reactive一般适用于对象类型； 2，toRefs
阅读全文
posted @ 2022-02-08 23:39
不靠谱设计
摘要：一，传统方式 如上图所示，不管我们前端页面是否访问了About组件的内容，打包之后的代码都会将其打包到js文件中，缺点：这样是无畏的增加了请求的负担，加载了我们不需要的js代码 如果运用webpack的特点，实行异步加载代码，也就是需要的时候再加载，做如下修改 这样打包后的代码就会将没用到的代码分割
阅读全文
posted @ 2020-11-30 10:37
不靠谱设计
摘要：1，传统使用computed属性的方式如下： 注意：此时如果我们点击修改的时候会有如下警告（表示computed属性不可以修改，如果非得修改，我们应该如下下图所示操作） 2，修改computed属性的值方式使用到 get 和 set 此时再点击修改就不会出现警告，而且相应的firstName和las
阅读全文
posted @ 2020-10-30 15:18
不靠谱设计
摘要：首先：我们需要在父组件中标签中定义一个 ref=“parentObjVue” 其次：我们在子组件中，通过 var tmp=this.$refs.parentObjVue找到父组件。 然后：我们在子组件中这样去写（例如监听父组件中的一个gdata属性） tmp.$watch('gdata',(newV
阅读全文
摘要：参考连接：https://blog.csdn.net/w405722907/article/details/94720868 1，关于文件名：必须以如下方式命名，不要乱起名，也无需专门手动控制加载哪个文件 .env 全局默认配置文件，不论什么环境都会加载合并 .env.development 开发环
阅读全文
posted @ 2019-11-08 11:13
不靠谱设计
摘要：一，vue.config.js是vue打包管理的配置文件，旨在给开发者们自定义自己的配置 1，该文件的根式统一，为导出配置项选项。例如： 在对象里面书写我们自己的配置项目。 二，具体的配置内容（项目中常用的） 1，publicPath: "/" （这是默认值，为站点跟目录），在.html文件中，“/
阅读全文
posted @ 2019-11-08 10:42
不靠谱设计
摘要：1，vue的工作原理其实就是我们前端拿到组件模板（也就是编译打包后生成的js文件，由vue动态生成html标签以及异步请求服务器的数据，更新html页面展示给用户） 如上图所示，public文件夹下的index.html文件内的<div id="app"></div>,最终会通过main.js文件的
阅读全文
posted @ 2019-11-07 20:27
不靠谱设计
摘要：1，// 组件封装的时候，在使用$attrs和$listeners两个跨层传输数据的时候，中间层如果设置了props:['value'],则父组件绑定的value值是传输 // 不到孙组件，因为被子组件给拦截了， // 相反，孙组件向上级传递事件的时候，如果子组件中有@change="onChang
阅读全文
摘要：钩子函数及父子组件的执行顺序如上图所示，下面打印的mmm是在子组件当中用watch监听了一个数据变化后打印的 每一个vue示例都是先执行上面这几个函数，之后通过watch监听执行回调函数， 上图中父组件的created函数是一个异步函数（函数内部有异步）但是并不影响created函数的执行顺序。 第
阅读全文
浙公网安备 33010602011771号