小白兔晒黑了

vue-router 与keep-alive的使用

摘要： 1 需求：在页面上有一个列表，我们希望当点到别的路由再点回来时，列表还是上一次点开这个选择的那个列表 2 实现 2.1 删除默认的路由重定向 { path:'/home', component:Home, meta:{ title:'首页' }, children:[ /* { path: '/h 阅读全文

posted @ 2020-06-16 00:28 小白兔晒黑了阅读(319) 评论(0) 推荐(0)

vue-router 的使用。

摘要： src\router\index.js // 配置路由相关信息 import VueRouter from 'vue-router' import Vue from 'vue' import Home from "../components/Home" import About from "../c 阅读全文

posted @ 2020-06-12 00:38 小白兔晒黑了阅读(99) 评论(0) 推荐(0)

webpack配置文件的分离和webpack-merge的使用

摘要：开发时和生产时的配置不同，我们需要将两者分开配置 1安装webpack-merge 用于将配置文件进行合并 npm install webpack-merge 2配置（手动指定config） package.json "scripts": { "test": "echo \"Error: no te 阅读全文

posted @ 2020-06-04 16:34 小白兔晒黑了阅读(1260) 评论(0) 推荐(0)

.vue文件的封装处理

摘要：原本的js对象编写过于繁琐，我们用.vue组件来拆分。即，把app.js文件拆分为App.vue和Cpn.vue 1安装vue-loader 和 vue-template-compiler npm install vue-loader vue-template-compiler --save-de 阅读全文

posted @ 2020-06-02 17:26 小白兔晒黑了阅读(261) 评论(0) 推荐(0)

WebStorm的安装与配置

摘要：下载与安装 1 下载链接：https://pan.baidu.com/s/1CZsfUVYD8vhBNqVAH5CI0A 提取码：v7tr 2 安装 2.1 启动你的IDE，如果上来就需要注册，选择：试⽤（Evaluate for free）进⼊IDE 2.2 将 jetbrains-agent. 阅读全文

posted @ 2020-06-01 18:03 小白兔晒黑了阅读(615) 评论(0) 推荐(0)

webpack使用vue的配置过程

摘要： 1 安装vue npm install vue --save 2 main.js里引入vue //使用vue import Vue from 'vue' const app = new Vue({ el:'#app', data:{ message:"hello webpack" } }) <bod 阅读全文

posted @ 2020-05-30 23:36 小白兔晒黑了阅读(199) 评论(0) 推荐(0)

webpack图片文件处理

摘要：安装loader npm install --save-dev url-loader 当图片小于limit时，使用url-loader 会自动转成base-64编码 npm install --save-dev file-loader 当图片大于limit时，使用file-load编码配置webp 阅读全文

posted @ 2020-05-29 01:04 小白兔晒黑了阅读(419) 评论(0) 推荐(0)

webpack的简单使用（commonJs与es6） webpack打包css和less

摘要：安装webpack npm install webpack@3.6.0 -g 一个commonJs简单实例 1 mathUtils.js function add(num1,num2){ return num1+num2 } function mul(num1,num2){ return num1* 阅读全文

posted @ 2020-05-24 22:54 小白兔晒黑了阅读(847) 评论(0) 推荐(0)

vue学习笔记7 -组件之父子组件之间的访问

摘要： $children和$refs的使用 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html xmlns="http://www.w3.o 阅读全文

posted @ 2020-05-22 00:20 小白兔晒黑了阅读(197) 评论(0) 推荐(0)

vue学习笔记6 父子组件的通信之子组件修改由父组件传递过来的值 [Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed pro

摘要：报错信息： [Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or 阅读全文

posted @ 2020-05-21 00:46 小白兔晒黑了阅读(809) 评论(0) 推荐(0)

导航

2020年6月16日

2020年6月12日

2020年6月4日

2020年6月2日

2020年6月1日

2020年5月30日

2020年5月29日

2020年5月24日

2020年5月22日

2020年5月21日