摘要：
我的vue/cli版本： 创建项目，选择Default ([Vue 2] babel, eslint) 选择Default (Vue 3 Preview) ([Vue 3] babel, eslint) 开始对比： 1、目录文件没有区别 2、index.html没有区别 3、babel.config 阅读全文
摘要：
上篇：vue基于vant的popup组件封装confirm弹框 为什么用到popup呢？主要是用到了其中的动画，其实这个动画可以通过transition标签实现 效果等同于前篇： step： 1、components文件夹下新建MyConfirm文件夹，分别新建index.vue和index.js 阅读全文
摘要：
?. 的概念： 允许读取位于连接对象深处的属性的值，而不必明确验证链中的每个引用是否有效。?. 操作符的功能类似于 . 操作符，不同之处在于，在引用为空的情况下不会引起错误，该表达式短路返回值是undefined。与函数一起使用时，如果给定的函数不存在，则返回undefined。 以上是MDN的解释 阅读全文
摘要：
js中有6中情况转为布尔值为false，其他情况都为true： !!NaN 语法相当于Boolean(NaN) 逻辑或运算符 || ：如果左侧的值转为布尔值为true，则结果为左侧的值，反之结果为右侧的值 也就是说以下6中情况，都取的是右侧的值： 空值合并操作符 ?? 和 || 的区别是，?? 左侧 阅读全文
摘要： 
如果不是用vant组件库，推荐看：vue封装confirm弹框，通过transition设置动画 效果： step： 1、components文件夹下新建MyConfirm文件夹，分别新建index.vue和index.js index.vue： <template> <div class="my- 阅读全文
如果不是用vant组件库，推荐看：vue封装confirm弹框，通过transition设置动画 效果： step： 1、components文件夹下新建MyConfirm文件夹，分别新建index.vue和index.js index.vue： <template> <div class="my- 阅读全文
摘要：
1、下载vant npm i vant -S 2、main.js中全局引入 import Vant from 'vant' import 'vant/lib/index.css' Vue.use(Vant) 3、使用 <van-button type="primary" @click="()=>{t 阅读全文
摘要：
1、安装插件 npm install -g @vue/cli-service-global 2、终端中运行 vue serve 或者运行 vue build 会打包一个dist文件夹，通过anywhere可以在本地启动项目 在任意文件夹下新建的单文件组件都可以通过vue serve的方式启动： 报错 阅读全文
摘要：
给每个li添加test3类名： <ul ref="ulRef"> <li class="test1 test2">项目一</li> <li class="test1 test2">项目二</li> <li class="test1 test2">项目三</li> </ul> 1、utils/util 阅读全文
摘要：
一、分类：全局守卫、路由独享守卫、组件内路由守卫 全局守卫： router.beforeEach((to, form, next) => { console.log('全局前置守卫 beforeEach') next() }) router.beforeResolve((to, form, next 阅读全文
摘要：
一、pc端 pc端一般返回时有返回按钮，这种情况下，在跳转到详情页时通过query或params将当前tab的name或下标传过去，在返回时再通过query或params传回来 data() { return { tabActiveName: 'first' } }, created() { // 阅读全文