qq236710052的博客

写好一套.vue文件模板大大提高了我们的开发效率，欢迎使用！方法：打开vscode — 文件 — 首选项 — 用户片段 — 新增 vue.json{ "vue": { "prefix": "vue", // 触发的关键字 输入vh按下tab键,可以是任何关键字 "body": [ "<template>", " <div>", " <MyComponent

element-admin这套后端模板用的是模拟数据，token写死了，没提供自动更新token的方案，然而通常我们后端给的token是一段时间内就刷新一次的，所以在这里分享我的解决方案。直接上代码：1、在拦截器上获取新的token并且更改VUEX的tokenrequest.js → service.interceptors.response.use()response => {//响应分支内 // 这样就更新了store里的token； if (res.code === 50000) {

后端采用Thinkphp开发接口只需要在application\api下写接口即可。前端采用VUE的话，我们需要将打包文件dist里的文件放到Thinkphp的入口文件目录public下即可，也不需要修改什么。如果是放在index控制器下的index方法则需要修改一下index.html的引入静态目录href="STATIC/ 这样的格式，本人推荐入口目录下。由于每次buid后都需要放到Thinkphp入口public目录下太麻烦了，所以我们可以修改配置，让他自动打包到public下，方法如下：VUE

官网：https://vuex.vuejs.org/zh/前言（摘自官方说明）：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension，提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。准备工作：1、安装VUEX，npm install vuex --save2、导入VUEX，main.

1、UI组件库优化，有赞组件库vant为例，只导入个别组件。import { Grid } from 'vant';Vue.use(Grid);import 'vant/lib/grid/style';2、VUEX缓存，将数据发送到VUEX的state内只要页面不刷新可重复使用，判断即可不再发起异步请求有效减少频繁的数据请求。//--------------------组件------------------------<div v-for="item in $store.state.i

用户：'name':"@cname", //随机中文名字'username':/[a-z]{2}[0-9]{6}/, //随机用户名"tel": /^1(5|3|7|8)[0-9]{9}$/, //随机手机号码'password': /[0-9]{6}/, //6位0-9的密码'sex|0-1':0, //性别类别：商品：

最近在玩 Vant，觉得他们做的输入密码很好看！下图所示我已经使用mock.js生成了N个用户和6位0-9的密码，用于后续调试！可跳过！提前告知：这不是必须的，可以直接跳过，感兴趣的可以到这拿源码（在：“我的” 页面组件里）：https://blog.youkuaiyun.com/qq236710052/article/details/105906413Part1：安装依赖（注意自己的是cnpm还是np...

Git：https://gitee.com/linxuxiang/myproject-vue效果图：

由于依赖环境使用的是cnpm install 所以更换成 cnpm i vant -S 即可！npm i vant -S：npm WARN checkPermissions Missing write access to F:\VUE\myproject\node_modules\cssnano\node_modules\autoprefixernpm ERR! path F:\VUE\my...

HTML<div id="app"> 单价：{{price}}元/件<br/> 库存：{{stock}}件<br/> 选购：<span v-on:click="cut" class="cut">-</span><input name="num" type="text" class="num" v-on:input="inpu...