![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 57
Huangrunze!
这个作者很懒,什么都没留下…
展开
-
微信小程序使用webview内嵌h5页面 wx.miniProgram.getEnv失效问题
微信小程序使用webview内嵌h5页面 wx.miniProgram.getEnv失效问题原创 2023-04-18 15:02:40 · 1217 阅读 · 0 评论 -
vue组件传值之$attrs、$listeners
组件传值总结props和emit:父子组件传值provide和inject:父子组件或者爷孙组件传值$parent,$root,$chidren:父子组件传值vuex事件总线(vue实例)$attrs、$listeners:父子组件传值前5种可能大部人都知道,这篇文章主要对$attrs、$listener进行一个介绍。$attrs、$listeners$attrs:官方文档介绍:包含了父作用域不作为prop被识别(且获取)的attribute绑定(class和style除外)。当一个原创 2022-05-02 17:47:09 · 2210 阅读 · 0 评论 -
vue插件 vueI18n国际化
背景最近在做的一个项目中有中英文切换的需求,结合使用的技术栈是vue,所以使用vue-i18n插件配合进行国际化的处理。用法注意点:在项目开发中,我们需要使用模块化的思想来开发,尽可能地把中英文配置文件和实例创建、挂载分开写在不同的文件中,方便后期维护。1、配置挂载//index.jsimport Vue from 'vue'import VueI18n from 'vue-i18n'import enLocale from './en'import zhLocale from './原创 2022-03-29 10:36:02 · 1467 阅读 · 2 评论 -
vue中watch的使用
定义watch:用来监听某个数据的变化,进而在回调中做出相对应的处理。值为函数<template> <div @click="change">{{info}}</div></template><script>export default { data(){ return{ info:{name:"xiaoming",age:18} } }, watc原创 2021-08-07 19:14:52 · 1012 阅读 · 0 评论 -
webpack的使用
webpack的概念用官网的介绍来说,本质上,webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。这种解释可能对初学者来说是一头雾水的。个人理解,webpack就是帮助我们把所有的文件打包成一个文件,或者多个文件,并且对文件进行压缩,最后发布出去的就是这个文件夹。webpack对代码兼容也有许多的好处,我们可以用webpack把js里es6的代码转换成es5的代码,这样能够使代码运行在不支持es6代码的浏览器。webpack四个核心概念入原创 2021-04-15 00:59:56 · 134 阅读 · 0 评论 -
使用Vue封装导航栏组件
前言:把一个功能模块使用组件化的思想充分封装,如导航栏,这无论对我们的开发思想还是效率都有许多好处,在开发中,我们要尽量多得运用组件化的开发思想,不要把所有代码都写在同一个.vue文件中,这样能大大提高代码的可读性。封装导航栏主要思路:把红色的部分当成一个个组件,而他们只是图片和文字不同,所以我们可以把他们封装成同一个组件,然后向组件里传入图片信息和文字信息即可(可以用插槽)。//TabBarItem.vue<template> <div class="tabBarItem"原创 2021-04-12 14:42:31 · 1171 阅读 · 0 评论 -
Vue中封装插件
封装插件的好处在一个项目中,我们可能在多个地方需要用到同一个组件,如果我们在每个地方都导入这个组件,并且进行注册,再进行实用,这样子就会非常麻烦,代码的复用性也不是很高,所以这个时候我们就需要用到插件了。封装插件的步骤这里我们以封装一个Toast组件为例1.定义该组件//Toast.vue<template> <div class="toast" v-show="isShow"> <div class="toastText">{{message}}原创 2021-04-12 14:04:03 · 1029 阅读 · 0 评论 -
Vue中事件总线的使用
事件总线的概念EventBus事件总线,通过事件总线,我们可以在任意两个组件之间传递数据。使用事件总线的原因对于父子组件,我们可以使用props从父向子传递数据,也可以使用**this.$emit(“方法名”,参数)**从子向父传递数据,这确实是非常方便好用了。但如果是非父子组件,我们就无法通过这种方式来传递数据了,事件总线就是用来处理这种情况的,实质上EventBus是一个不具备 DOM 的组件,它具有的仅仅只是它实例方法而已,因此它非常的轻便。事件总线的使用1.首先我们要定义事件总线//ma原创 2021-04-12 10:16:21 · 587 阅读 · 0 评论 -
vue脚手架配置路径别名
vue-cli 项目配置路径别名vue-cli 2.x配置方式在vue-cli 2.x项目中,进入build文件夹,找到webpack.base.conf.js,编辑文件 ,并找到resolve字段的配置项。resolve: { extensions: ['.js', '.vue', '.json'], //这个是匹配扩展名的 alias: { '@': resolve('src'), //src解析成@原创 2021-03-25 16:22:11 · 864 阅读 · 0 评论