nerao的博客

浅谈Vue中的虚拟DOM什么是虚拟DOM？使用虚拟DOM有什么好处？虚拟dom案例： 来说明为什么 virtual dom 是好用的我有一个数 0 ，我希望这个数自增到 10001 ， 然后让这个数据输出到页面中？ var box = document.querySelector( '.box' ) ; var count = 0 ; // console....

clicli是什么？cli是vue提供的一个快速（自动化） 构建项目的一个脚手架 ，类似于express-generatorcli的版本目前最新 3.x老版本是 2.xcli的底层的自动化工具是： webpackcli的安装npm/cnpm/yarn 都可以使用$ yarn add @vue/cli global 这个是cli3的版本如果我们还想使用...

组件通信父→子组件通信父组件将自己的数据传递给子组件父组件将自己的数据通过属性绑定的形式传递给子组件<Son :aa = "num"></Son>子组件在自己的配置项中通过 props 来接收这个属性 Vue.component('Son',{ template: '#son', // props: [...

1. 自定义组件（ 插件 ）案例： 封装一个 Loading 组件Loading是用来做什么的？基于用户体验loading使用方式很多第三方的ui库/组件库自定义封装过程：创建一个目录文件夹，称之为Loading在loading中创建一个叫做component目录，用来放模板在Loading目录下创建一个index.js~ import Vue from 'vue' ...

插槽 solt单个插槽soltsolt标签通过在组件模板中识别组件的起始标签和结束标签之间的内容插槽内可以包含任何模板代码，包括 HTML 甚至其它的组件具名插槽有时我们需要多个插槽。例如对于一个带有如下模板的 组件 <div class="container"> <header> <!-- 我们希望把页...

过渡与动画vue中实现过渡或是动画一共提供了这样四种形式：在 CSS 过渡和动画中自动应用 class – 自己写css3动画可以配合使用第三方 CSS 动画库，如 Animate.css – 别人写好了类名，我们用在过渡钩子函数中使用 JavaScript 直接操作 DOM – 自己用原生...

过滤器vue 1.x内部提供提供了 10 个过滤器， 这10个过滤器是针对 数字 纸币符号 日期 大小写 小数位数等的格式化什么叫过滤器？格式化数据的一个工具举例：12.22225 —> 12.2Tue May 28 2019 10:15:08 GMT+0800 (China Standard Time) – > 2019/05/28过滤器一样也...

Vue中的生命周期什么是生命周期呢？当前组件在创建到销毁经历的一系列过程，称之为生命周期生命周期的分为几个阶段？每个阶段有哪些钩子函数？生命周期分为3个阶段，这三个阶段分别是： 初始化 、 运行中 、 销毁初始化阶段：有4个钩子函数，触发条件是自动的beforeCreate组件即将创建，进行组件事件和生命周期的初始化项目中一般不使用有的开发者也会在...

指令Vue 指令 组件作用： 是用来操作DOM的，指令就是绑定在DOM身上的一个属性，这个属性具备一定的功能，这个功能用来操作DOM这个指令需要模板语法的支持，所以我们采用jsx语法糖模板语法模板语法支持性还是很高的，数据类型都是支持的，但是不支持 输出语法 （ console.log alert ）指令格式：v-xxx = “mustache语法”v-xx...

Vue中的组件组件化组件化是当今最为流行的一种可复用性增加的方法，随着当今前端开发的复杂度更加，组件化变得越来越流行组件的基础组件是一个具备html css img js …等的一个聚合体组件的表现形式就类似一个标签组件至少得有模板组件Vue.js通过Vue.extend() 方法来扩展 组件的 使用Vue.extend( options ) 里面的o...

初识Vue什么是框架？什么是库？框架是有一套自己的生态系统的库是没有自己的生态系统的， 它就只是一个工具Vue.js是什么Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的...

computd 计算属性案例： 为什么vue中要使用计算属性？让一个字符反向分析：<p> {{ msg.split('').reverse().join('') }} </p>上面代码的写法，有些违背关注点分离，而且会让我们的DOM结构看起来不简洁解决方案：从上面的案例得出两个结论：1. 我们的使用结果是要想data选项中定义的数据一样直接使用，那...

数据请求数据请求在前端开发中的使用有两种形式使用原生javascript提供的数据请求ajax( 一般需要我们结合Promise去封装，使用不是很便利，但是效率很高 )fetch( 本身结合了Promise,并且已经做好了封装，可以直接使用 )使用别人封装好的第三方库目前最流行的，使用率最高的是 axiosvue中我们最常使用的vue 1.x 的版本提供了一个封装...

RouterSPA （ single page App ） 单页面应用多页面应用有多个html文件，通过a标签的连接联通各个页面缺点开发起来太冗余，编译、压缩很耗时间页面之间的跳转速度太慢单页面应用不需要刷新页面，因为它就是一个页面这个页面内容在切换单页面内容之间的切换要想实现我们就是用路由了如今我们的app主要的开发形式就是spavue路由功能...