ICode9

精准搜索请尝试: 精确搜索
  • vue2.x中使用组合式API2022-08-07 02:00:30

    任务一:学会如何借助插件在vue2中使用组合式API vue2 sutup选项不支持 2.6x 2.7中开始原生支持 就不需要这个插件了 解决办法 添加适配插件 composition-api https://gitup.com/vuejs/composition-api 实现步骤 初始化vue2.x的项目 vue create vue2-setup 安装插件 yarn add

  • 关于自己2022-07-31 23:35:11

    信息安全人员, 技术栈: JAVA python VUE2 VUE3 ES6 typescript Docker 联系方式:rootphantomy#hotmail.com

  • Vue2:实现多语言功能,根据浏览器语言标识自动切换2022-07-29 16:05:42

    是不是见到google,facebook等大型专业网站的拥有不同的语言站群,可以不同语言间切换很给力 今天要介绍的就是如何识别不同国家语言,只需要简单几步,使你的web应用更有国际范。 安装vue-i18n npm i vue-i18n --save 新建多语言json文件 在src目录下新建 config文件夹 和 子文件夹l

  • Vue2:注册全局组件的两种方法2022-07-28 11:36:10

    第一种:在main.js中直接注册 //引入 import FixedTop from '@/components/FixedTop //注册为全局组件 Vue.componet('FixedTop',FixedTop) //页面直接使用 <FixedTop /> 缺点:如果我们需要注册的全局组件非常多,那么需要一个一个引入,然后分别调用Vue.componet方法,main.js文件会变得

  • 如何关闭vue3里的eslint2022-07-28 02:31:49

    初始创建vue项目时,开启了eslint,没想到编码不规范造成了编译不成功,又想关掉。看了很多资料都是vue2的,在vue3中应该打开eslintrc.js修改配置,如下: 将里面的 'plugin:vue/vue3-essential', 注释掉,就可。

  • vue2 使用x2js json转换成xml2022-07-27 15:03:17

    安装: 在项目终端运行以下命令 cnpm install x2js --save 引用: // 引入模块 import x2js from 'x2js' 全部代码:   <template> <el-button type="primary" @click="exportExcel">导出</el-button> </template> <script lang=&

  • vue2使用 iconfont 阿里巴巴在线生成的字体图标2022-07-26 15:05:15

    官方文档:https://www.iconfont.cn/help/detail?spm=a313x.7781069.1998910419.d8d11a391&helptype=code 0. 准备工作 选择合适的图标,加入购物车 点击购物车,把图标加入项目(如果没有项目则新建一个) 注意:项目中新增了图标后,需要重新“下载到本地”,然后替换所需文件 1. font-clas

  • vue2升级vue3:单文件组件概述 及 defineExpos/expose2022-07-26 00:02:15

    像我这种react门徒被迫迁移到vue的,用管了TSX,地vue 单文件组件也不太感冒,但是vue3 单文件组件,造了蛮多api ,还不得去了解下 https://v3.cn.vuejs.org/api/sfc-script-setup.html#单文件组件-script-setup defineProps、defineEmits没有什么好说的,就是setup中定义 props 与 emits。 u

  • vue2升级vue3:Vue Demij打通vue2与vue3壁垒,构建通用组件2022-07-25 23:33:57

    如果你的vue2代码之前是使用vue-class-component 类组件模式写的。选择可以使用 https://github.com/facing-dev/vue-facing-decorator 来进行低成本的升级,但是升级难度还是蛮大的。 如果你之前的vue2 版本使用的是 @vue/composition-api,那么 Vue Demi  以后可以无缝升级vue3.

  • vue2升级vue3:vue3 hooks库选用2022-07-25 23:33:34

    之前a-hooks:https://ahooks.js.org/,比react-use 精简好用。但是没有vue版本的。 网上有个人实现的:https://github.com/dewfall123/ahooks-vue   但是vue,还是选择vue-use好点。 VueUse 是一个基于 Composition API 的实用函数集, 与 Composition API 的配合相得益彰 VueUse 的作

  • vue2配置sass全局共享变量2022-07-25 00:34:15

      安装依赖 yarn add [email protected]     vue.config.js module.exports={  css: {    loaderOptions: {    sass: {    prependData: `@import "@/assets/styles/variables.scss";`    }   }  }}  

  • 关于Vue的一个坑2022-07-21 12:04:49

    在使用elementui的cascader组件时,业务需求是在进入页面时让cascader有一个初始的选择,    所以我直接写了这样几行代码 但是很显然不行 因为vue2没有实现对数组的监视,只监视的数组的那几个方法 所以我又采用了另外一个方法    按道理来讲应该可以了,但是事实是还是不行 排查了

  • vue2基础学习.md2022-07-21 11:05:42

    # Vue2基础学习 [toc] ## 前端 ### 工程化要求 - 模块化 - 组件化 - 规范化 - 自动化 ### webpack **webpack**是前端项目工程化的具体解决方案。 功能: 1. 前端工程化 2. 代码压缩、混淆 3. JS兼容性 4. 性能优化 #### 基本使用 ```shell # 1. 新建工程目录 # 2. 运

  • Vue2和Vue3的部分区别2022-07-20 23:35:59

    生命周期: 整体变化不大,只是大部分生命周期钩子前+"on",功能是类似的。需要注意的是,Vue3在组合式API中使用生命周期钩子时需要先引入,Vue2在选项API中是可以直接使用的。 //Vue3 <script setup> import {{生命周期钩子}} from 'vue' 生命周期钩子(() => {}) //可以将不同

  • Vue2与Vue3在搭建 Vuex 环境时的不同2022-07-20 14:31:36

    首先下载安装vuex ,命令:npm i vuex接着在src文件夹下创建store文件夹,在store文件夹下继续创建index.js,该文件用于创建Vuex中最为核心的storeVue2中的使用:在index.js中加入以下代码 import Vue from 'vue' import Vuex from 'vuex' // 引入Vuex Vue.use(Vuex) // 应用Vuex插件 con

  • Vue2-Slot插槽使用2022-07-19 15:33:40

    Slot插槽 父组件向子组件传递 父组件将内容分发到子组件 slot插槽的值只读,不能在子组件中修改 slot插槽也可以作为组件之间的通信方式 默认插槽 父组件中:使用Son组件 <template> <Son> <ul> //子组件如果不定义插槽 这里面的ul不起作用 <li>我<

  • Vue2-组件通讯传值2022-07-19 15:06:09

    Vue2组件通讯传值 方法 Slot插槽--父向子内容分发,子组件只读 mixin混入--定义公共变量或方法,mixin数据不共享,组件中mixin实例互不影响 provide+inject--依赖注入,加强版prop+$emit ,代码可读性不高,不便后期维护 prop+$emit--父往子,子往父 route路由传参--简单数据传值 ref传

  • vue2 表格拖拽排序2022-07-19 12:05:16

    表格的每行都是可以随意拖动,任意排序的。 下载一个拖动的插件:sortable.js   下载:  $ npm install sortablejs --save 引用:import Sortable from 'sortablejs'; 代码:   <!-- 一定要绑定row-key --> <el-table :data="tableData" clas

  • Vue2 使用 vuex 报错 ./node_modules/vuex/dist/vuex.esm-browser.js Module build failed: Error: ENOENT: no2022-07-15 18:36:14

    1.vue官网写道: 这是与 Vue 3 匹配的 Vuex 4 的文档。如果您在找与 Vue 2 匹配的 Vuex 3 的文档。      Vue2 匹配 vuex3, Vue3匹配 vuex4。 npm i vuex 默认安装的是最新版本。 这里使用的是vue2 使用Vue2应该安装 vuex3.x 版本 2.解决方案: 安装之前先把项目停掉!!! 先卸载vuex:

  • Vue2源码解析-源码调试与核心流程梳理图解2022-07-14 23:05:51

    现在VUE3已经有一段时间了,也慢慢普及起来了。不过因为一直还在使用VUE2的原因还是去了解和学了下它的源码,毕竟VUE2也不会突然就没了是吧,且VUE3中很多原理之类的也是类似的。然后就准备把VUE3搞起来了是吧。VUE2源码使用的是roullup进行打包的,还使用了Flow进行静态类型检测(该库使

  • Vue3:不常用的Composition API && Fragment、Teleport、Suspense && 与Vue2对比的一些变化2022-07-14 16:04:20

    1 # 一、Vue3不常用的Composition API 2 # 1.shallowReactive与shallowRef 3 .shallowReactive: 只处理对象最外层属性的响应式(浅响应式) 4 .shallowRef:只处理基本数据类型的响应式,不进行对象的响应式处理。 5 什么时候用: 6 如果一个对象数

  • vue2,vue指令和选项2022-07-13 00:31:37

    vue特点 mvvm框架 响应式(声明式) 组件化(支持自定义组件) 丰富的指令(Dom功能的抽象) 基于选项(template,data,computed,watch,methods) vue文档集中ue Vue生态丰富且简单 渐进式() Veu和Dom开发思想 Dom开发思想:当我们需要在交互事件中改变视图时,使用DOM选择器选中目标节点

  • vue2升级vue3指南(一)—— 环境准备和构建篇2022-07-11 11:34:39

    1、nodejs和npm 注意二者的版本,版本过低需要升级,本人升级后的版本如下: $ node -v v16.15.1 $ npm -v 8.11.0 2、package.json 和依赖升级 由于我的项目采用的原架构是vue2+vant2+sass+axios+webpack,由于项目是通过vue-cli搭建的,因此升级完nodejs和npm后,便要对vue-cli进行升级。

  • vue2.6向vue2.7迁移2022-07-05 22:03:34

    尤大前不久正式发布了vue2.7正式版,也是vue2的最后一个版本,自此vue2进入持续18个月的长期支持,不再接收新功能。 vue2.7可以看做是为了开发者更好的迁移到vue3而推出的迁移版本,支持了vue3的绝大部分功能,今天我也将正在做的项目升级到了2.7,以便更好的使用vue3的语法。 以下整理2.7

  • vue2热更新慢2022-07-04 17:02:50

    vue2的项目变大之后,保存会卡在75%的地方好几秒,严重耽误开发效率 解决办法:   npm install babel-plugin-dynamic-import-node   在.babelrc配置中添加   "env": {       "development":{         "plugins": ["dynamic-import-node"]       }    }   修改

专注分享技术,共同学习,共同进步。侵权联系[[email protected]]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有