随笔分类 -  Vue

上一页 1 2 3 下一页
Vue相关技术
webpack搭建vue3教程-高级篇
摘要：webpack搭建vue3教程-高级篇 一.配置ES6转ES5：解决浏览器不支持ES6 1.安装依赖： npm install @babel/core babel-loader @babel/preset-env -D 2.配置es6转es5的loader： 注意：配置也可以提出单独的文件配置：在项 阅读全文
posted @ 2021-06-10 14:47 土豆哥 阅读(1377) 评论(0) 推荐(0) 编辑
webpack5搭建vue3教-基础篇
摘要：webpack5搭建vue3教-基础篇 一.安装vue环境： 1.安装nodejs； nodejs包含了npm 二.安装webpack四件套： npm install webpack webpack-cli webpack-server webpack-merge -D 三.初始化项目： npm i 阅读全文
posted @ 2021-06-10 12:19 土豆哥 阅读(969) 评论(0) 推荐(0) 编辑
npm安装超时，使用淘宝镜像
摘要：npm安装超时，使用淘宝镜像 1.切换淘宝镜像： npm config set registry https://registry.npm.taobao.org 2.切换其他： npm https://registry.npmjs.org/ cnpm http://r.cnpmjs.org/ tao 阅读全文
posted @ 2021-04-23 18:28 土豆哥 阅读(428) 评论(0) 推荐(0) 编辑
使用vite搭建Vue3项目
摘要：使用vite搭建Vue3项目 一.安装： 1.卸载老版本vue-cli： yarn global remove vue-cli 2.卸载老版本vue： yarn global remove vue 3.安装vue最新版本： yarn global add vue@next 4.安装vue-cli最新 阅读全文
posted @ 2021-04-23 16:48 土豆哥 阅读(4346) 评论(0) 推荐(1) 编辑
前端常用框架
摘要：前端常用框架 一.Vue-Vben-Admin： Vue Vben Admin 是一个免费开源的中后台模版。使用了最新的vue3,vite2,TypeScript等主流技术开发，开箱即用的中后台前端解决方案，也可用于学习参考。 源码：https://gitee.com/annsion/vue-vbe 阅读全文
posted @ 2021-04-23 14:00 土豆哥 阅读(427) 评论(0) 推荐(0) 编辑
vue发布自己的组件库-vue3
摘要：vue 发布自己的组件库-vue版本v3.x 一.需求： 当遇到自己其他项目使用自己做的比较好的组件时常规的做法是ctrl+c 和ctrl+v，这种办法倒没有很大的问题，只不过当组件优化更新时，每个项目都要这么干，是不是很lower。于是经过查询一堆的资料后，发现可以发布自己的组件来达到共享的目的。 阅读全文
posted @ 2021-04-22 19:47 土豆哥 阅读(1097) 评论(1) 推荐(1) 编辑
vue2升级vue3-基础教程
摘要：vue2升级vue3 建议：新项目使用vue3，老项目继续vue2维护。 一.vue升级: 1.升级npm： npm install -g npm 2.卸载vue-cli全局安装： npm uninstall -g @vue/cli 3.安装vue-cli最新版本： npm install -g @ 阅读全文
posted @ 2021-04-22 19:44 土豆哥 阅读(3861) 评论(0) 推荐(0) 编辑
vue使用高德地图
摘要：vue使用高德地图 这篇整理的不错，参考：https://www.jianshu.com/p/941956fbf08f 阅读全文
posted @ 2021-02-20 18:09 土豆哥 阅读(39) 评论(0) 推荐(0) 编辑
vue生命周期及钩子函数
摘要：vue生命周期及钩子函数 一.生命周期图： 二.钩子函数： 创建前：beforeCreate, 创建后:created挂载前：beforeMount, 挂载后：mounted更新前：beforeUpdate, 更新后：updated销毁前：beforeDestroy, 销毁后：destroyed 阅读全文
posted @ 2021-02-15 13:46 土豆哥 阅读(101) 评论(0) 推荐(0) 编辑
vue绑定class
摘要：vue绑定class 一.字符串： 语法：:class="class名" 语法：:class="classObj" class名也可以是vue属性(变量，方法等等) 二.对象： 1.显隐： 语法：:class="{class名:变量名}" 变量名是bool类型 三.数组： 1.切换：三元表达式语法： 阅读全文
posted @ 2021-02-15 13:15 土豆哥 阅读(276) 评论(0) 推荐(0) 编辑
vue代码调试
摘要：vue代码调试 一.vue代码调试的几种方案： 1.console.log,浏览器控制台 2.debugge调试，原生浏览器调试的方式；代码执行带此标记位置时，会处于暂停状态，方便我们调试； 3.vscode调试；安装插件Debugger for Chrome，这种方式和后端调试方式一样（后端会喜欢 阅读全文
posted @ 2021-02-10 18:26 土豆哥 阅读(402) 评论(0) 推荐(0) 编辑
在vscode中无法使用yarn
摘要：在vscode中无法使用yarn 一.错误： PowerShell yarn : 无法加载文件 C:\Users\Admin\AppData\Roaming\npm\yarn.ps1,因为在此系统因为在此系统上禁止运行脚本。 若要在本地计算机上运行您编写的未签名脚本和来自其他用户的签名脚本需要Rem 阅读全文
posted @ 2021-02-10 17:45 土豆哥 阅读(3537) 评论(0) 推荐(0) 编辑
vue props传数组爬坑
摘要：vue props传数组爬坑 一：场景需求： 最近再做菜单导航栏时，发现父组件通过props向子组件传数组时默认值一直不合适，最好发现，此处必须是工厂方法； 二.错误： Object/Array类型不能直接定义空对象或空数组，必须使用 工厂函数 return 回一个默认值。 三解决方案： vue的作 阅读全文
posted @ 2021-01-02 10:45 土豆哥 阅读(3750) 评论(0) 推荐(0) 编辑
vue 发布自己的组件库-vue2
摘要：vue 发布自己的组件库-vue版本v2.x 参考： vue 发布自己的组件库-vue版本v3.x版本链接：https://www.cnblogs.com/zlp520/p/14691216.html 一.需求： 当遇到自己其他项目使用自己做的比较好的组件时常规的做法是ctrl+c 和ctrl+v， 阅读全文
posted @ 2020-12-31 13:37 土豆哥 阅读(1335) 评论(4) 推荐(1) 编辑
vue 启动vue项目时报错，npm ERR! Failed at the node-sass@4.14.1 postinstall script.
摘要：vue 启动vue项目时报错，npm ERR! Failed at the node-sass@4.14.1 postinstall script. 一.错误： 在启动vue项目的时候报错 报错信息如下： npm ERR! code ELIFECYCLEnpm ERR! errno 1npm ERR 阅读全文
posted @ 2020-12-31 10:43 土豆哥 阅读(2642) 评论(0) 推荐(0) 编辑
vue eslint配置
摘要：vue eslint配置 package.json文件 eslintConfig节点 "no-unused-vars":“off” 阅读全文
posted @ 2020-12-30 00:42 土豆哥 阅读(99) 评论(0) 推荐(0) 编辑
vue 父组件异步给子组件传递参数
摘要：https://blog.csdn.net/weixin_39568103/article/details/80527594 watch：监听，在监听中处理，非created https://www.cnblogs.com/cool-wan/p/13454288.html 最直接有效方法是给子组件添 阅读全文
posted @ 2020-12-14 13:27 土豆哥 阅读(362) 评论(0) 推荐(0) 编辑
vue 路由跳转及传值和取值
摘要：vue 路由跳转及传值和取值 一.声明式： 使用router-link标签中的to属性： 1.无参数： <router-link :to="{name:'index'}}"> 或者 <router-link to='/index'> 2.带参数： <router-link :to="{name:'i 阅读全文
posted @ 2020-12-05 19:05 土豆哥 阅读(1907) 评论(0) 推荐(0) 编辑
vue 部署windows nginx服务上
摘要：vue 部署windows nginx服务上 一.步骤： 1.在nginx官网下载Windows稳定版本的nginx，提供官方下载地址：http://nginx.org/en/download.html2.安装包解压保存路径时不能含有中文，会报错3.打包vue项目（npm run build）将生成 阅读全文
posted @ 2020-11-29 01:45 土豆哥 阅读(714) 评论(0) 推荐(0) 编辑
vue多个代理配置vue.config
摘要：vue多个代理配置 vue.config devServer: { host: 'localhost', port: 8200, proxy: { '/api': { target: 'http://192.168.0.8:80', changeOrigin: true, // 如果接口跨域，需要进 阅读全文
posted @ 2020-11-26 19:17 土豆哥 阅读(5266) 评论(0) 推荐(0) 编辑

上一页 1 2 3 下一页
点击右上角即可分享
微信分享提示