随笔分类 - Vue
摘要：1、安装 npm install mockjs 2、创建文件 src/mock/api、src/mock/index import Mock from 'mockjs' import MockApi from "./api" Mock.setup({ timeout: "300", }); cons
阅读全文
摘要：elementJs: import { createApp, ref } from 'vue' import ElementPlus from 'element-plus'; import zhLocale from 'element-plus/lib/locale/lang/zh-cn'; imp
阅读全文
摘要：技术升级 vue: 3.2.24 element-plus: 1.2.0-beta.5 @vue/compile-sfc: 3.2.24 修改部分: element-plus/lib/theme-chalk/index.css -> element-plus/theme-chalk/index.cs
阅读全文
摘要：.ms-login:deep(.el-textarea__inner) { height: 50px; line-height: 50px; } 修改组件输入框内置高度
阅读全文
摘要：1、请求区别 mpvue: 区别一：微信返回的状态码是statusCode,支付宝返回的是status 区别二：微信成功回调状态码有，2开头的状态码及4开头的状态码，失败回调状态码5开头；支付宝成功回调状态码只有2开头，其他都是失败回调 uniapp: 统一取状态码字段statusCode 区别二：
阅读全文
摘要：函数式组件 无状态 无法实例化 内部没有任何生命周期处理函数 轻量,渲染性能高,适合只依赖于外部数据传递而变化的组件(展示组件，无逻辑和状态修改) 在template标签里标明functional 只接受props值 不需要script标签 <template functional> <div> <
阅读全文
摘要：sudo rm -rf /usr/local/{bin/{node,npm},lib/node_modules/npm,lib/node,share/man/*/node.*}/User/nyan/.npm sudo rm -rf ~/.npm sudo rm -rf ~/.node-gyp sud
阅读全文
摘要：1、自定义防抖函数 export function debounce(func, delay=600) { let timer return function (...args) { if (timer) { clearTimeout(timer) } timer = setTimeout(() =
阅读全文
摘要：小程序生命周期： onLaunch: 小程序初始化，全局只执行一次 onLoad: 监听页面加载 onshow：监听页面显示，后台进入前台显示 onReady: 初次渲染完成 onHide: 监听页面隐藏，前台进入后台 onError：脚本发生错误，或api调用错误 onLoad>onShow>on
阅读全文
摘要：app.json: navigationStyle: "default" //需要定义 main.json navigationStyle: "custom" //覆盖
阅读全文
摘要：原因，fsevents相应依赖版本安装问题，安装时存在package-lock.json和yarn.lock,锁定了对应不兼容的版本。 故解决办法是： 删除package-lock.json，yarn.lock，node_modules 重新安装： npm install 即可
阅读全文
摘要：官网：https://cli.vuejs.org/ 安装：npm i -g @vue/cli 创建项目方式：命令行 vue create project_name GUI创建 vue ui 安装依赖： axios vue-axios vue-cookie vue-router weixin-js-s
阅读全文
摘要：在使用基于 vue.js 2.0 的UI框架 ElementUI 开发网站的时候 , 就遇到了这种问题 : 一个页面有很多表单 , 我试图将表单写成一个单文件组件 , 但是表单 ( 子组件 ) 里的数据和页面 ( 父组件 ) 按钮交互的时候 , 它们之间的通讯很麻烦 : 之所以这么麻烦 , 是因为父
阅读全文
摘要：resolve: { extensions: ['.js', '.vue', '.json'], alias: { '@': path.resolve('src') } }
阅读全文
摘要：都需要: 方案一: 3、 viewport-units-buggyfill postcss-px-to-viewport和postcss-viewport-units两个PostCSS插件和Viewport Units Buggyfill让我完美的解决了vw兼容问题 方案二: npm i -D po
阅读全文
摘要：components/header-nav/menu-nav.vue components/header-nav/login-nav.vue 第一种方法： components/header-nav/index.js components/header.vue 第二种方法
阅读全文
摘要：1.文本 第一种“Mustache” 语法（双大括号）写法第二种 用v-text的指今写法第三种和第四是对es6写法的拓展写法，称模板字符串 2. v-once 通过指令我们可以对文本值进行一次性赋值操作，只进行第一次的数据渲染，如果再次改变值，文本值也不会改变 应用场景 ： 一般是用在组件树中传递
阅读全文
摘要：vue webpack所用基础包： package.json: webpack.config.js basic config: index.js. entry file: index.html app.vue component
阅读全文
