
vue
愚公
这个作者很懒,什么都没留下…
展开
-
element plus 自定义命名空间 修改全局 类样式
element plus 自定义命名空间 修改全局 类样式原创 2022-11-03 10:23:37 · 1983 阅读 · 1 评论 -
el-table 表头 自定义排序 因为有的行可能不需要排序。
el-table 表头 自定义排序 因为有的行可能不需要排序原创 2022-10-09 15:49:20 · 956 阅读 · 0 评论 -
vue 组件 ref 属性 for循环动态生成时 ref属相变化
vue ref 用法原创 2022-06-24 16:43:41 · 770 阅读 · 0 评论 -
vue 使用less全局变量
npm install sass-resources-loader --save-dev// vue.config.jsmodule.exports = { chainWebpack: config => { const oneOfsMap = config.module.rule('scss').oneOfs.store oneOfsMap.forEach(item => { item .use('sass-resources-load.原创 2022-01-19 10:37:52 · 656 阅读 · 0 评论 -
vue4.X 配置build打包不同环境不同域名的处理
1、package.json 里 修改 --mode 后面 是对应下面的 文件 buildtest 是执行 npm run buildtest"scripts": {"buildtest": "vue-cli-service build --mode test","build": "vue-cli-service build --mode prod",},2、这时需要创建 2个文件,说明一下,NODE_ENV 要配置为'production' 因为保持和线上打包hash一样,否则打出的原创 2022-01-11 10:43:58 · 816 阅读 · 0 评论 -
vue的异步请求在哪一个生命周期发起?
这个在大家讨论的时候说放哪个的都有。其实在钩子函数 created、beforeMount、mounted 中进行异步请求都是可以的。因为在这三个钩子函数中,data已经创建,可以将服务器端返回的数据进行赋值。当然 如果异步请求不需要依赖 DOM 推荐加载 created 钩子函数中调用异步请求。因为在 created 钩子函数中调用异步请求有以下优点:能更快获取到服务端数据,减少页面loading时间; ssr 不支持 beforeMount、mounted 钩子函数,所以放在 crea原创 2021-12-07 09:34:09 · 1634 阅读 · 0 评论 -
Vue组件通讯有哪些方式?
1、props 和 $emit。父组件向子组件传递数据是通过props传递的,子组件传递给父组件是通过$emit触发事件来做到的。2、$parent 和 $children 获取单签组件的父组件和当前组件的子组件。3、$attrs 和 $listeners A -> B -> C。Vue2.4开始提供了$attrs和$listeners来解决这个问题。4、父组件中通过 provide 来提供变量,然后在子组件中通过 inject 来注入变量。(官方不推荐在实际业务中适用,但是写组件库原创 2021-12-03 16:13:49 · 300 阅读 · 0 评论 -
Vue路由中的hash和history模式的区别及原理
hash模式优点兼容性强,兼容性达到了IE8 除发送ajax和资源请求外不会发送其他多余请求 改变#后的路径、不会自动刷新页面 无需服务端进行配合缺点访问路径上包含#,不美观 对于需要锚点功能的需求会与当前路由机制发生冲突 重定向操作时,后段无法获取url完整路径。history模式优点符合url地址规范, 不需要#, 使用起来比较美观 可以使用history.state获取完整的路由信息 后端可以获取到完整的路由信息缺点兼容性只到IE10 改变url路径后、会原创 2021-12-03 16:07:47 · 954 阅读 · 0 评论 -
VUE生命周期详解
1、创建前(beforeCreate)对应的钩子函数为beforeCreate。此阶段为实例初始化之后,此时的数据观察和事件机制都未形成,不能获得DOM节点。2、创建后(created)对应的钩子函数为created。在这个阶段vue实例已经创建,仍然不能获取DOM元素。3、载入前(beforeMount)对应的钩子函数是beforeMount,在这一阶段,我们虽然依然得不到具体的DOM元素,但vue挂载的根节点已经创建, 下面vue对DOM的操作将围绕这个根元素继续进行;beforeM原创 2021-11-22 10:29:32 · 528 阅读 · 0 评论 -
vue中如何在子组件中访问父组件的实例?
this.$parent拿到父组件实例this.$children拿到子组件实例(数组)原创 2021-11-19 14:12:29 · 464 阅读 · 0 评论 -
在vue项目如何引入异步组件?
什么叫异步组件呢?在项目执行的时候不加载,在需要的时候才加载。比如说弹框啦。代码就不上啦 直接 写方法。//这样引入就是异步组件const List = () => import("./list")const Content = () => import("./content")compinents:{List,Content}...原创 2021-11-18 13:16:54 · 1034 阅读 · 0 评论