从入门到入土

2021年9月27日

摘要： 1、计时器为异步操作，在同步修改时使用计时器会出现问题，第一次点击修改后页面的值会发生变化，但state中不会改变，所以需要进行异步修改数据 import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) export default new 阅读全文

posted @ 2021-09-27 15:13 从入门到入土阅读(261) 评论(0) 推荐(0)

vuex修改vuex

摘要： 1、index.js创建vuex import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) export default new Vuex.Store({ //1、全局状态初始值 state: { num:66 }, //3、加工数据，阅读全文

posted @ 2021-09-27 14:46 从入门到入土阅读(612) 评论(0) 推荐(0)

2021年9月24日

/deep/（待完善）

摘要： /deep/深层覆盖用法：直接用在style中类名前，和>>>用法一致，功能类似!important 例如： >>>.ant-tabs-nav{ width: 100%; } /deep/.ant-tabs-nav{ width: 100%; } 阅读全文

posted @ 2021-09-24 10:47 从入门到入土阅读(166) 评论(0) 推荐(0)

2021年9月23日

vue声明式跳转/函数式跳转（传参）

摘要：声明式跳转+传参 <router-link to="/father">声明式跳转</router-link>//声名式query传参 <router-link :to='{path:"/father/son",query:{courseId:103}}'>路由嵌套</router-link> //声阅读全文

posted @ 2021-09-23 21:07 从入门到入土阅读(293) 评论(0) 推荐(0)

webpack的使用（待完善/部分内容）

摘要： 1、webpack介绍 webpack 是前端的一个项目构建工具，它是基于 Node.js 开发出来的一个前端工具；借助于webpack这个前端自动化构建工具，可以完美实现资源的合并、打包、压缩、混淆等诸多功能。 2、webpack的安装全局安装运行npm i webpack -g这样就可以在全阅读全文

posted @ 2021-09-23 19:36 从入门到入土阅读(48) 评论(0) 推荐(0)

vue项目热更新

摘要： 1、在项目根目录下创建vue.config.js 2、复制代码 module.exports = { devServer: { // --open --contentBase src --port 3000 --hot", open: true, contentBase: 'src', port: 阅读全文

posted @ 2021-09-23 16:57 从入门到入土阅读(2742) 评论(0) 推荐(0)

vue-cli（脚手架）

摘要：官网 https://cli.vuejs.org/zh/guide/installation.html 安装vue-cli npm install -g @vue/cli 创建项目 1、切换到我们需要创建项目的目录，在这个目录下打开cmd 2、vue create 项目名 vue create 项目阅读全文

posted @ 2021-09-23 16:48 从入门到入土阅读(100) 评论(0) 推荐(0)

WebStorm激活/重置/破解方法

摘要： Jetbrains系列产品重置试用方法本站惯例：本文假定你知道Jetbrains家的产品。不知道可以问问搜索引擎。没错，jetbrains-agent这个项目停止了。市面上漫天飞的各种最新都是其他大神的魔改版本。[/斜眼]我不是要专门写个博文来说明jetbrains-agent项目已经停止，然后阅读全文

posted @ 2021-09-23 16:28 从入门到入土阅读(5691) 评论(0) 推荐(0)

2021年9月20日

vue 路由嵌套

摘要：关键词：children children属性与path和component同级使用 1、在routes中加入children属性 const router = new VueRouter({ routes: [ { path: "/", redirect: "/index", }, // 首页 { 阅读全文

posted @ 2021-09-20 22:36 从入门到入土阅读(200) 评论(0) 推荐(0)

vue 路由传参/接路由跳转

摘要：  <router-link :to="{path:'/mine',query:{course:103}}" tag='span'>去个人中心</router-link> 完整代码展示： <!DOCTYPE html> <html> 阅读全文

posted @ 2021-09-20 21:51 从入门到入土阅读(79) 评论(0) 推荐(0)

从入门到如土

公告