随笔分类 - vue
摘要：转自： https://www.cnblogs.com/opendigg/p/6513510.html 最近做了一个Vue开源项目库汇总，里面集合了OpenDigg 上的优质的Vue开源项目库，方便移动开发人员便捷的找到自己需要的项目工具等，感兴趣的可以到GitHub上给个star。 UI组件 el
阅读全文
摘要：一、真实DOM和其解析流程？ 浏览器渲染引擎工作流程都差不多，大致分为5步，创建DOM树——创建StyleRules——创建Render树——布局Layout——绘制Painting 第一步，用HTML分析器，分析HTML元素，构建一颗DOM树(标记化和树构建)。 第二步，用CSS分析器，分析CSS
阅读全文
摘要：swiper import Swiper from "swiper"; import "../../../node_modules/swiper/dist/css/swiper.css"; import Swiper from "swiper"; import "../../../node_modu
阅读全文
摘要：参考 现在很多程序员写代码的时候都喜欢开着eslint进行代码格式校验，写习惯了还好，但是一般刚开始熟悉eslint的同学估计会被eslint的代码格式检查给逼疯的，哈哈哈。。。 今天就讲讲如何在vscode中配置eslint代码格式化 1.这里的前提是 vscode中需要安装eslint和pret
阅读全文
摘要：参考 一、安装 npm install js-cookie --save 二、引用 import Cookies from 'js-cookie' 三、一般使用 存到Cookie去 // Create a cookie, valid across the entire site: Cookies.s
阅读全文
摘要：1.为什么会跨域: 2.什么是同源策略: 3.跨域的解决办法 jsonp 方法1： <script> //动态创建script标签 var script = document.createElement("script"); script.src = "https://api.douban.com/
阅读全文
摘要：1.第一步 修改配置项 2.第二步 打包 3.第三步
阅读全文
摘要：1.打开命令窗口 win + r 2.vue-cli webpack模板 3.
阅读全文
摘要：封装全局长按指令 Vue.directive('longpress', { bind: function(el, binding, vNode) { //el为长按对象（事件源） //binding 事件处理函数 // 确保提供的表达式是函数，如果不是，将警告传给控制台 if (typeof bin
阅读全文
摘要：1.全局安装 cnpm install json-server -g 2.建立一个文件夹dataserver,建立文件data.json 文件夹和文件都是自己定义的 在文件夹中打开终端， json-server data.json 运行，生成接口 1.全局安装 cnpm install json-s
阅读全文
摘要：一、懒加载 也叫延迟加载或者按需加载，即在需要的时候进行加载， 二、为什么要使用懒加载 像vue这种单页面应用，如果没有应用懒加载，运用webpack打包后的文件将会异常的大，造成进入首页时，需要加载的内容过多，时间过长，会出现长时间的白屏，即使做了loading也是不利于用户体验，而运用懒加载则可
阅读全文
摘要：modules模块 modules:模块 作用 将所有的数据进行模块的拆分 而不是放在一个store里面，拆分后有利于管理 注意在每个小模块导出的时候一定要加命名空间 namespaced=true 这样就不会出现命名冲突 如果想要调用小模块里面的方法 则需要加上小模块的名称 例如 handleAd
阅读全文
摘要：一.vuex的理解 Vuex是一种状态管理模式，它采用集中式存储管理应用的所有组件的状态。 把组件的共享状态抽取出来，以一个全局单例模式管理，在这种模式下，任何组件都能获取状态或者触发行为，使代码更结构化，且易维护 使用场景：中大型单页面开发 二.创建仓库 每个Vuex的应用核心就是store(仓库
阅读全文
摘要：1.使用流程 1，安装vuex插件 每个项目都要进行安装 cnpm install vuex --save-dev 2.创建仓库 在src中创建文件夹store, 创建文件index.js 即store/index.js 在store/index.js中进行配置 //使用插件的步骤 //导入vue
阅读全文
摘要：文档 1.下载axios 2.在main.js中引入 3.
阅读全文
摘要：路由元信息 路由元信息用途 验证用户是否登录，设置标题，举例： 组件缓存 如果缓存的组件想要清空数据或者执行初始化方法，在加载组件的时候调用activated钩子函数，如下：
阅读全文
摘要：路由守卫 通过路由的变化，对权限做一些验证 全局路由守卫 beforeEach:全局守卫。（针对所有的路由） 当一个导航触发时，全局前置守卫按照创建顺序调用。守卫是异步解析执行，此时导航在所有守卫 resolve 完之前一直处于 等待中。 router.beforeEach((to,from,nex
阅读全文
摘要：路由守卫分类： 1.局部路由守卫 2.全局路由守卫 局部路由守卫 局部路由守卫 只适合在当前路由使用，是局部的路由守卫 当前路由进入，更新，离开时要做的事情 路由进入： 一个页面进入另一个页面， 是否登陆， 查看个人信息 是否登录用途： 1.验证用户是否登录 2.支付前，判断余额是否足够 3.热力图
阅读全文
摘要：组件复用 解决组件被复用，值不能改变的方法 监听路由的变化,那个组件复用，在哪个组件监听 //next根据to的path/name进行路由的跳转，如果不写next，当前路由不会执行 //当前在a路由，再次点击a路由，不会发生跳转，因为没有让自己跳转，必须要用next 举例：
阅读全文
摘要：编程式导航 1.this.$router.push()路由跳转 2.this.$router.back()路由返回，没有参数 3.this.$router.forward()路由前进 4.this.$router.replace(“路径”)路由替换 5.this.$router.go() 前进1 /
阅读全文
浙公网安备 33010602011771号