07 2019 档案
摘要：HTML5的初步认识 一、HTML5的初步认识 关于html5的一些历史可以通过这篇博客了解：https://www.cnblogs.com/fly_dragon/archive/2012/05/22/2513716.html 1.为HTML5建立的一些规则： 新特性应该基于HTML、CSS、DOM
阅读全文
摘要：非父子组件传值 vuex 一、非父子组件传值 基于父子组件通信与传值实现非父子组件传值的示例关键代码： 1 <template> 2 <div> 3 <!-- 学员展示 --> 4 <add-student @add="add"></add-student> <!--监听子组件自定义事件add，触发
阅读全文
摘要：1.导航被触发 2.在失活的组件里调用离开守卫：beforeRouteLeave —— 组件内守卫（离开组件）。 3.调用全局的beforeEach守卫 —— 全局守卫（进入组件）。 4.在重用组件里调用deforeRouteUpdatar守卫（2.2+）—— 组件内守卫（组件复用时调用/foo/:
阅读全文
摘要：vue路由安装与基本使用 vue嵌套路由 vue动态路由（路由组件传参） vue路由重定向和一些其他的路由相关 官方手册：https://router.vuejs.org/zh/ 一、vue路由安装与基本使用 在项目根文件夹下执行以下命令安装vue-ruoter: 执行命令后会有以下提示： 这个提示
阅读全文
摘要：如何设置？ 选择或创建 配置代码 如何使用？ 一、如何设置？ 进入vs code主界面-->使用快捷键“ctrl + shift + p”: 如果你是使用Preferences:Configure User Snippets或者之前的记录被清除的话，这个选项不会出现在第一行，这时候你可以在搜索栏输入
阅读全文
摘要：vue-cli安装、创建项目 基于vue-cli创建的项目进行开发 使用vue-cli图形化界面搭建项目 插件与工具 一、vue-cli简介、安装、创建项目 Vue-cli是基于Vue.js进行快速开发的完整系统，提供： 通过@vue/cli搭建交互式的项目脚手架。 通过@vue/cli + @vu
阅读全文
摘要：vue实例渲染的底层实现 vue实例生命周期 vue实例渲染的生命周期与钩子函数详解 一、vue实例渲染的底层实现 1.1实例挂载 在vue中实例挂载有两种方法：第一种在实例化vue时以el属性实现，第二种是通过vue.$mount()方法实现挂载。不管是哪种挂载都不影响vue实例化组件的执行流程和
阅读全文
摘要：模板：（template）模板声明了数据和最终展现给用户的DOM之间的映射关系。 初始数据：（data）一个组件的初始数据状态。对于可复用的组件来说，通常是私有的状态。 接收外部参数：（props）组件之间通过参数来进行数据的传递和共享。参数默认是单向绑定（由上至下），但也可以显式声明为双向绑定。
阅读全文
摘要：生成环境与开发环境打包配置 使用package.json配置npm run开启不同的打包配置 。。。webpack基本使用最后一篇博客 在上一篇博客中详细的演示了webpack开启本地服务和热更新，这个超级爽的技能你有没有发现问题呢？反正我是发现了，那就是只适合开发环境下使用，生成环境打包显然不合适
阅读全文
摘要：第一个webpack本地服务 webpack本地服务相关的一些操作指令与应用 一、第一个webpack本地服务 需要下载安装的加载器和插件： 一定要注意先在全局安装webpack-dev-server，然后再在局部工作区间安装。然后测试代码非常简单，只需要一个html默认生成结构，css给body设
阅读全文
摘要：抽离图片文件打包到指定路径下 压缩抽离的图片资源 配置生成html中的图片路径 一、准备测试环境 首先需要准备打包插件（这里打包文件还不是用来处理图片文件的）： 通过上面的注释，可以看到上面的打包配置还不能处理图片资源，所以在测试上面的打包插件配置是否成功的情况下暂时不要在css中出现引用图片路径的
阅读全文
摘要：webpack打包js代码与提取公共js代码分析 webpack提取公共js代码示例 一、分析 webpack默认打包js代码时，是将从入口js模块开始，将入口js模块所依赖的js以及模块逐层依赖的模块，全部以入口js模块为主体全部打包至生成的对应js文件中。即使是多个js入口依赖链模块依赖了同一个
阅读全文
