随笔分类 - 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
阅读全文 »
发表于 2020-08-27 10:37阅读：2416评论：0推荐：1
摘要：vue-cli2.x和vue-cli3.x 或者 vue-cli4.x 差异不能说非常大但是简洁了许多和看起来清爽了许多更方便使用了；准备工作先分析再来实践 更新到 3.x / 4.x 之后，vue-cli 的包名从 vue-cli 改成了 @vue/cli官网文档地址：https://cli.vu
阅读全文 »
发表于 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-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 直接执行命令即可打对应包
阅读全文 »
发表于 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:'./' ,修改目的是为了解
阅读全文 »
发表于 2018-06-18 19:44阅读：122288评论：1推荐：13
摘要：一样的和前面路由钩子类似的步骤 首先在demo下面的components下面新建一个test.vue组件 test组件代码 <template> <div class="test_box"> <p @click="go">测试组件内部守卫的作用，点击跳到HelloWorld</p> </div> <
阅读全文 »
发表于 2018-06-18 18:39阅读：9770评论：1推荐：1
摘要：首先构建一个测试demo如下图: 接着来探讨路由配置界面 可以见到控制台 当点击事件发生后（也就是第一个页面向第二个页面跳转后） 由此看出从第一个页面点击跳转后触发了两次前置钩子函数并且点击后校验是否需要登入直接进入login页面可用于后台管理权限控制页面是否需要登入权限，一次后置钩子函数；可以清楚
阅读全文 »
发表于 2018-05-09 22:59阅读：2830评论：0推荐：0
摘要：/**第一步 * 配置编译环境和线上环境之间的切换 * baseUrl: 域名地址 * routerMode: 路由模式 * imgBaseUrl: 图片所在域名地址 * */ let Host = ''; let routerMode = 'hash'; //let imgBaseUrl; if(process.env.NODE_ENV == 'development') { ...
阅读全文 »
发表于 2018-04-30 18:57阅读：388评论：0推荐：0
摘要：
阅读全文 »
发表于 2018-04-30 18:54阅读：236评论：0推荐：0
摘要：初始化操作，异步请求的数据渲染适宜在 created() 钩子中如果对数据更新做统一处理在 updated() 钩子中处理，区分不同数据更新的在 nextTick() 全局api处理；watch:{} 对具体的某个数据可以做统一处理；简单的数据处理可以用 computed:{}, 复杂的watch处
阅读全文 »
发表于 2018-04-30 18:40阅读：1653评论：0推荐：0
摘要：自定义MVVM框架,这是比较牛逼的v-text，v-model和数据绑定原理介绍 {{message}} ...
阅读全文 »
