宅羽的博客

◆ Element-UI：Element-UI:一套基于2.0的桌面端组件库官网地址：http://element-cn.eleme.io/#/zh-CN◆ Element-UI安装：npm install element-ui -S◆ Element-UI导入使用：import ElementUI from "element-ui";import "element-ui/li...

◆ Vue脚手架作用：Vue脚手架可以快速生成Vue项目基础的架构。◆ Vue脚手架安装：npm install -g @vue/cli◆使用命令创建Vue项目vue create my-project选择Manually select features(选择特性以创建项目)勾选特性可以用空格进行勾选。是否选用历史模式的路由：nESLint选择：ESLint + Stand...

◆ 传统Vue组件的缺陷：全局定义的组件不能重名，字符串模板缺乏语法高亮，不支持css(当html和js组件化时，css没有参与其中)没有构建步骤限制，只能使用H5和ES5，不能使用预处理器（babel）◆ 单文件组件：使用Vue单文件组件，每个单文件组件的后缀名都是.vue。每一个Vue单文件组件都由三部分组成template组件组成的模板区域script组成的业务逻辑区域s...

◆ webpack：webpack是一个流行的前端项目构建工具，可以解决目前web开发的困境。webpack提供了模块化支持，代码压缩混淆，解决js兼容问题，性能优化等特性，提高了开发效率和项目的可维护性。◆ webpack的基本使用：1、创建项目目录并初始化创建项目，并打开项目所在目录的终端，输入命令：npm init -y2、创建首页及js文件：在项目目录中创建index.h...

◆ 模块化的分类：1、浏览器端的模块化：AMD(Asynchronous Module Definition,异步模块定义)，代表产品为：Require.jsCMD(Common Module Definition,通用模块定义)，代表产品为：Sea.js2、服务器端的模块化：服务器端的模块化规范是使用CommonJS规范：使用require引入其他模块或者包使用exports...

◆ 页面导航的两种方式：声明式导航：通过点击链接的方式实现的导航编程式导航：调用js的api方法实现导航◆ Vue-Router中常见的导航方式：this.$router.push(“hash地址”);this.$router.push("/login");this.$router.push({ name:‘user’ , params: {id:123} });this.$r...

◆ 路由的概念：路由的本质就是一种对应关系，比如说我们在url地址中输入我们要访问的url地址之后，浏览器要去请求这个url地址对应的资源。那么url地址和真实的资源之间就有一种对应的关系，就是路由。◆ 路由分类：路由分为前端路由和后端路由：前端路由是依靠hash值(锚链接)的变化进行实现后端路由是由服务器端进行实现，并完成资源的分发◆ 前端路由的基本概念：前端路由主要做的事情就...

◆ JavaScript中的异步任务：JavaScript的执行环境是「单线程」所谓单线程，是指JS引擎中负责解释和执行JavaScript代码的线程只有一个，也就是一次只能完成一项任务，这个任务执行完后才能执行下一个，它会「阻塞」其他任务。这个任务可称为主线程异步模式可以一起执行多个任务JS中常见的异步调用定时任何ajax事件函数◆ promise：主要解决异步深层...

◆ axios特点：基于promise用于浏览器和node.js的http客户端支持浏览器和node.js支持promise能拦截请求和响应自动转换JSON数据能转换请求和响应数据◆ axios基础用法：get和 delete请求传递参数通过传统的url 以 ? 的形式传递参数restful 形式传递参数通过params 形式传递参数post 和 put ...

◆ fetch基本使用：Fetch API是新的ajax解决方案 Fetch会返回Promisefetch不是ajax的进一步封装，而是原生js，没有使用XMLHttpRequest对象。fetch(url, options).then(）示例： <script type="text/javascript"> /* Fetch API 基本用法 ...

◆ 匿名插槽： <div id="app"> <!-- 这里的所有组件标签中嵌套的内容会替换掉slot 如果不传值 则使用 slot 中的默认值 --> <alert-box>有bug发生</alert-box> <alert-box>有一个警告</alert-box> <al...

◆ 父组件向子组件传值：父组件发送的形式是以属性的形式绑定值到子组件身上。然后子组件用属性props接收在props中使用驼峰形式，模板中需要使用短横线的形式字符串形式的模板中没有这个限制 <div id="app"> <div>{{pmsg}}</div> <!--1、menu-item 在 APP中嵌套着 故 menu-...

◆ Vue实例生命周期beforeCreatecreatedbeforeMountmountedbeforeUpdateupdatedbeforeDestroydestroyed◆ 示例：<script type="text/javascript"> /* Vue实例的生命周期 */ var vm = new Vue...

◆ 侦听器：使用watch来响应数据的变化一般用于异步或者开销较大的操作watch 中的属性 一定是data 中 已经存在的数据当需要监听一个对象的改变时，普通的watch方法无法监听到对象内部属性的改变，只有data中的数据才能够监听到变化，此时就需要deep属性对对象进行深度监听<div id="app"> <div> ...

◆ 过滤器：Vue.js允许自定义过滤器，可被用于一些常见的文本格式化。过滤器可以用在两个地方：双花括号插值和v-bind表达式。过滤器应该被添加在JavaScript表达式的尾部，由“管道”符号指示支持级联操作过滤器不改变真正的data，而只是改变渲染的结果，并返回过滤后的版本全局注册时是filter，没有s的。而局部过滤器是filters，是有s的 <div id="a...

◆ 组件：组件 (Component) 是 Vue.js 最强大的功能之一，组件可以扩展 HTML 元素，封装后可以进行重用。◆ 组件注册：1、全局注册：全局组件注册后，任何vue实例都可以用Vue.component('组件名称', { })第1个参数是标签名称，第2个参数是一个选项对象<div id="example"> <!-- 组件使用 组件名称 是...