随笔分类 - vue2.0版本3.0版本项目经验分享
少踩坑。。。。正确姿势学vue'
发表于 2022-08-27 16:52阅读：641评论：0推荐：0
摘要：vite 中文参考文档：https://vitejs.cn/guide/#scaffolding-your-first-vite-project 执行 npm init vite@latest 步骤如下图： 下载依赖 npm i 启动项目： npm run dev pinia文档：https://p
阅读全文 »
发表于 2021-09-09 22:45阅读：666评论：0推荐：0
摘要：效果如上图； <!-- * @Author: lhl * @Date: 2021-09-09 21:43:00 * @LastEditors: lhl * @LastEditTime: 2021-09-09 22:21:55 * @Description: 组件调用 <Test :remainTim
阅读全文 »
发表于 2021-08-22 15:24阅读：956评论：0推荐：1
摘要：vant2.0 列表上拉下拉加载（普通） <!-- * @Description: 首页 * @Version: 2.0 * @Autor: lhl * @Date: 2021-08-21 20:22:30 * @LastEditors: lhl * @LastEditTime: 2021-08-2
阅读全文 »
发表于 2021-04-30 17:12阅读：2661评论：0推荐：0
摘要：<!-- * @Descripttion: Vue 3 + Typescript + Vite2.0 项目简介 --> # Vue 3 + Typescript + Vite + vant3 搭建移动端通用架子 pc 管理系统请参考移步：VUE VBEN ADMIN2.0 （vite2.0+vue3
阅读全文 »
发表于 2021-04-03 23:22阅读：2586评论：0推荐：0
摘要：闲来无事，趁假期来加强一波技能学习！不废话直接上流程上图； 超级简洁和极致的本地开发体验！！！ 来个项目简介吧； <!-- * @Description: Vue 3 + Typescript + Vite2.0 +vant3 + vue-i18n@next国际化 搭建移动端项目简介 * @Vers
阅读全文 »
发表于 2020-10-11 23:42阅读：1459评论：0推荐：0
摘要：前言你前提应该懂下面基础知识：下载node.js 下好后自带npm 命令 终端查看命令 npm -v 即可看到安装版本安装淘宝镜像：npm install -g cnpm --registry=https://registry.npm.taobao.org npm init 在项目中引导创建一个pa
阅读全文 »
发表于 2020-03-30 09:42阅读：441评论：0推荐：0
摘要：Vue使用阿里图标导入项目1.新建一个项目（如果已有项目可忽略）2.选好图标添加入库3.选择 Font-class （个人喜欢的格式）下载至本地4.main.js导入 import './assets/aliicon/iconfont.css' // 阿里图库5.组件使用 <i class="ico
阅读全文 »
发表于 2020-03-27 10:58阅读：2017评论：0推荐：0
摘要：1.安装 cnpm i vue-seamless-scroll -S 2.组件调用 import vueSeamless from "vue-seamless-scroll"; （或者全局注册） 3.https://www.npmjs.com/package/vue-seamless-scroll
阅读全文 »
发表于 2019-10-16 09:37阅读：1817评论：0推荐：0
摘要：水印添加方式：1.新建 waterMark.js 内容如下 2.在入口app引入
阅读全文 »
发表于 2019-10-14 14:22阅读：984评论：0推荐：0
摘要：1.监听路由处理 2.beforeRouteUpdate导航守卫 路由更新时触发 3.只需要在入口文件设置监听事件即可
阅读全文 »
发表于 2019-03-07 15:39阅读：2881评论：0推荐：1
摘要：1、安装cross-env （cross-env能跨平台地设置及使用环境变量）cnpm/npm i cross-env -D 2、新建模板 红色的为相关文件 3、配置各个文件 （1）config下面的index.js （2）config下面的 dev.evn.js （3）config下面的 test
阅读全文 »
发表于 2019-03-04 10:51阅读：1033评论：0推荐：0
摘要：开始！正常的简单的拆分下是这样的文件当然module可以在store下面新建一个文件夹用来处理单独模块的vuex管理比较合适。 1.index.js下面 import Vue from 'vue' import Vuex from 'vuex' import state from './state'
阅读全文 »
发表于 2019-01-30 14:00阅读：3458评论：0推荐：0
摘要：1．什么是骨架屏幕？ 在页面加载数据之前，有一段空白时间，要么用loading加载，要么就用骨架屏。 在开发webapp的时候总是会受到首屏加载时间过长的影响，主流的解决方法是在载入完成之前显示loading图效果，而一些大公司会配置一套服务端渲染的架构来解决这个问题。考虑到ssr所要解决的一系列问
阅读全文 »
发表于 2019-01-15 13:37阅读：281评论：0推荐：0
摘要：1.vue2.0生命钩子beforeCreate 初始化之后 > el 和 data 并未初始化 created 创建完成 >data 数据的初始化，el没有 beforeMount 挂载之前 >完成了 el 和 data 初始化 mounted 被创建 >完成挂载 dom元素已经加载到HTML中
阅读全文 »
发表于 2019-01-15 13:33阅读：7459评论：0推荐：0
摘要：1.index.html引入 <script src="./static/js/jsencrypt.min.js"></script> 或者 npm i jsencrypt -S 第一种引入方式直接用 如果是npm 的在main.js 注意（url和token的问题）：就是得出来的 String 是
阅读全文 »
发表于 2019-01-04 11:34阅读：1437评论：0推荐：0
摘要：直接上代码配置： 首先是config下面的文件修改 dev.env.js 其次是config下面的文件修改 prod.env.js 其次是config下面的文件不变 test.env.js 配置config下面 的index.js跨域代理设置： 新建api.js 直接执行命令即可打对应包
阅读全文 »
发表于 2019-01-03 10:44阅读：2516评论：0推荐：0
摘要：1.config index.js下面的跨域代理设置： 2.http.js（封装axios） 3.api.js（封装接口） 4.vuex构成 （1）index.js （2）state.js （3）mutation-types.js （常量） （4）mutation.js （5）actions （这里
阅读全文 »
发表于 2018-08-23 18:36阅读：514评论：0推荐：0
摘要：1、JSON.parse()【把json字符串解析成json对象】 2、JSON.stringify()【把json对象中解析成json字符串】 控制台结果： json比较常用的就是这两个方法了，用来处理后台过来的数据； 3、localStorage（本地存储）用于长久保存整个网站的数据，保存的数据
阅读全文 »
发表于 2018-08-23 11:33阅读：645评论：0推荐：0
摘要：config/indexjs详解上代码: webpack.base.conf.js注解:
阅读全文 »
发表于 2018-08-23 11:20阅读：4680评论：0推荐：0
摘要：打包之前需要修改如下配置文件： 配置文件一：build>>>utils.js (修改publicPath:"../../" , 这样写是处理打包后找不到静态文件（图片路径失效）的问题) 配置文件二：config>>>index.js(修改assetsPublicPath:'./' ,修改目的是为了解
阅读全文 »
