wen22 - 博客园

2020年9月9日

摘要： VUE-组件全局组件定义的三种方式使用Vue.extend配合Vue.component方法：varlogin=Vue.extend({template:'<h1>登录</h1>'});Vue.component('login',login);直接使用Vue.component方法：Vue.co 阅读全文

posted @ 2020-09-09 21:20 wen22 阅读(103) 评论(0) 推荐(0) 编辑

vue动画

摘要： vue动画使用过渡类名 <div id="app"> <input type="button" value="动起来" @click="myAnimate">  <transition name="fade"> <div v-s 阅读全文

posted @ 2020-09-09 21:07 wen22 阅读(126) 评论(0) 推荐(0) 编辑

vue生命周期和vue-resource

摘要： vue生命周期和vue-resource 生命周期：定义：从Vue实例创建、运行、到销毁期间，总是伴随着各种各样的事件，这些事件，统称为生命周期！ vue生命周期详解： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> 阅读全文

posted @ 2020-09-09 13:27 wen22 阅读(202) 评论(0) 推荐(0) 编辑

2020年9月7日

vue过滤器和修饰符

摘要： vue过滤器和修饰符 1、过滤器 Vue.js允许你自定义过滤器，过滤器可以用在两个地方（1）mustache插值和 v-bind表达式添加在JavaScript表达式的尾部由“管道”符指示。作用：在我们页面显示值之前加一层过滤，展示我们过滤后的值。注意事项过滤器可以用在两个地方：双花括阅读全文

posted @ 2020-09-07 21:00 wen22 阅读(155) 评论(0) 推荐(0) 编辑

2020年9月5日

vue 经典案例

摘要： 1、走马灯 <body> <div id='app'> <button @click="start">浪起来</button> <button @click="stop">低调</button> <h3>{{title}}</h3> </div> </body> <script> const vm 阅读全文

posted @ 2020-09-05 20:47 wen22 阅读(1125) 评论(0) 推荐(0) 编辑

vue初始

摘要： vue初识定义：Vue.js是一套构建用户界面的框架，只关注视图层 Vue.js是前端的主流框架之一，和Angular2+、React.js一起，并成为前端三大主流框架！优点： 1、使用框架，能够提高开发的效率 2、提高代码的维护性，提高效率 3、让用户不再操作DOM元素，解放了用户的双手，让程阅读全文

posted @ 2020-09-05 20:39 wen22 阅读(130) 评论(0) 推荐(0) 编辑

2020年9月4日

ES6练习题

摘要： ES6练习题考试题一、简答题 1、let、const、var定义变量的区别是什么？ let 块作用域没有变量提升不能重复声明属于顶层对象 const 声明常量，不能修改必须初始化块作用域没有变量提升不能重复声明属于顶层对象 var 没有块的概念可以夸块访问，但是不能跨函数访问阅读全文

posted @ 2020-09-04 19:25 wen22 阅读(2318) 评论(0) 推荐(0) 编辑

2020年9月3日

ES6模块化

摘要： ES6模块化创造原因：现在的web系统越来越庞大、复杂，需要团队分工，多人协作，大型系统的javascript文件经常存在复杂的依赖关系，后期的维护成本会越来越高。 JavaScript模块化正式为了解决这一需求而诞生。环境配置：目前浏览器不支持ES6模块化的语法，所以我们在node里进行测试阅读全文

posted @ 2020-09-03 21:12 wen22 阅读(136) 评论(0) 推荐(0) 编辑

ES6类

摘要： ES6类定义： class Animal { //构造函数，创建这个类时会执行的函数 constructor(color){ //this当前对象 console.log("构造") this.color=color } } const myCat = new Animal("白"); conso 阅读全文

posted @ 2020-09-03 20:58 wen22 阅读(106) 评论(0) 推荐(0) 编辑

set/weakset map/weakset

摘要： set/weakset map/weakset set用法定义：是ES6的一种新的数据结构及（值的集合） Set跟其他数据结构不同的地方就在于：它的值不会有重复项。（1）使用： let set = new Set([13,3,4,5]) set.add(3)// add添加元素 // 获取set 阅读全文

posted @ 2020-09-03 20:51 wen22 阅读(252) 评论(0) 推荐(0) 编辑

公告