vue

https://www.bilibili.com/video/av74128420/?p=3&t=539

父子组件之间互相传值

image.png

watch

image.png

onhashchange

以#开头的网址不会发送到服务器上去,但是当他们改变的时候,会触发onhashchange事件


image.png

router

image.png

创建router对象


image.png
image.png

新写法

image.png

动态参数

image.png
image.png

组件通信

image.png

全局守卫

https://router.vuejs.org/zh/guide/advanced/navigation-guards.html#%E5%85%A8%E5%B1%80%E5%89%8D%E7%BD%AE%E5%AE%88%E5%8D%AB

axios

image.png
image.png
image.png

webpack

添加选项


image.png

修改前,和修改后


image.png

基本顺序


image.png

添加img


image.png

添加img的loader


image.png
  • 小于limit的图片 会用base64编译一下,只加载一次

将图片转换为base64编码最常见的应用就是在将网页中的一些图片转为base64编码可以实现网页图片在网速 不好的时候先于内容加载和减少http的请求次数来减少网站服务器的负担。

image.png

webpack dev server

image.png

babel 转换新到老

image.png

vue-template-compiler

image.png

vue-cli

image.png
image.png

引入mint-ui
先进入mint-ui的官网,npm install 之后,修改main.js 引入mint-ui的所有部件


image.png
  1. 第一步更新header 顶部栏
image.png
  1. 底部

加了fixed固定在底部和顶部,不是很好用


image.png

image.png

注册全局过滤器

image.png
image.png

vuex

上面是逐个写,下面用了mapstate的形式 ,在使用时直接用{{countAlisa}}的形式就可以


image.png
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 要招一个会vue的开发者: 作为面试官的你,你还会每次都只是问这些老土的问题吗?你对MVVM的理解是什么?你知道什...
    浪子神剑阅读 23,195评论 0 260
  • Vue和webpack俨然成为前端市场的主导 但是很多来我这里面试的小伙伴依然不知道怎么去搭建vue的开发环境 ...
    吴佳浩阅读 3,461评论 1 25
  • 什么是 webpack 是前端的一个项目构建工具,他是基于 Node.js 开发出来的一个前端工具 如何完美实现上...
    千见阅读 1,525评论 0 0
  • ## 框架和库的区别?> 框架(framework):一套完整的软件设计架构和**解决方案**。> > 库(lib...
    Rui_bdad阅读 3,040评论 1 4
  • Java HotSpot虚拟机目前主要提供了7种垃圾收集器,每个都有他们不同的优势,它们之间互相合作,共同收集垃圾...
    _陈陌先生_阅读 322评论 0 1