当当和瓶瓶

摘要： 分析工具：webpack-bundle-analyzer 使用范围：对于打包结果进行分析； 使用方法： 下载： npm install --save-dev webpack-bundle-analyzer; 引入：在vue.config.js文件中， 调整 webpack 配置最简单的方式就是在 v 阅读全文

摘要： favicon是网站的小图标，title分为主副两个标题； 由于favicon和title都是全局的设置，且一次性设置后，除了副标题，其他的都是不需要变动的，所以，在vuex的action获取了一次以后，就不需要重复设置。 设置favicon actions:{ async getData({com 阅读全文

摘要： 1.meta作为route对象的属性，可以自定义值。 如在routes.js中，常把是meta的authorRequired的值否需要登录验证的标志；在router对象的beforeEach中验证 import Vue from 'vue'; import Router from 'vue-rout 阅读全文

摘要： 什么地方用vuex： 1.全局的数据，不如用户信息，很多组件都可能用到,为了方便交互，所以用vuex 2. 变化的频率低的数据，比如网站的icon图标，轮播图，而不是消息评论等。 mutation：突变，变异。 为什么要由mutation，是因为要对state，也就是状态的变化，进行监控。 在组件中 阅读全文

摘要： 在vue-cli中两个的安装都是一样的 下载：npm i vuex vue-router 安装： 1.注册: 如果在一个模块化工程中使用它，必须要通过 Vue.use() 明确地安装路由功能： import Vue from 'vue' import VueRouter from 'vue-rout 阅读全文

摘要： 在scroll事件的回调中， 一 图片判断距离窗口的位置： document.body.clientHeight,窗口高度 scrollElement.scrollTop: 滚动条滚动距离（注意是定高的父元素，不是内容高度被撑开的子元素。scrolld css样式也在父元素上设置） 当前img.ge 阅读全文

摘要： bus上可以定义一个事件， bus上可以触发事件 不论是组件还是js模块，都可以用引入bus bus的意义就是，在多个组件存在复杂情况下，比如：a组件上点击一个按钮，要在毫不相关的y组件上弹出一个弹窗。如果用父子事件传递，$emit触发，会非常不方便。 此时，可以如下操作： a组件： <button 阅读全文

摘要： v-model: 双向数据绑定语法糖：1.input标签的值根据data里的name确定，所以用:value='name', 2.input标签的值变化，会修改name值，用input事件 <template> <div class="son-container"> name: <!-- <inpu 阅读全文

摘要： v-model: 双向数据绑定语法糖：1.input标签的值根据data里的name确定，所以用:value='name', 2.input标签的值变化，会修改name值，用input事件 <template> <div class="son-container"> name: <!-- <inpu 阅读全文

摘要： 恢复内容开始 路由规则 当前页面地址栏是'localhost:8080/blog'此时显示的是默认全部分类，并且是第一页的文章。 如果想分享某个分类，需要在后面有更详细的地址，比如’local host:8080/blog/cat/1‘表示分类id=1的文章。 如果项分享某分类下的某页，需要更详细的 阅读全文