ellenxx

2020年12月8日

摘要： 1.table中使用组件我们写一个表格table代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial- 阅读全文

posted @ 2020-12-08 16:47 ellenxx 阅读(84) 评论(0) 推荐(0) 编辑

Block-scoped declarations问题解决

摘要：在使用ubuntu运行Node项目的时候，出现这个报错。报错原因是node的版本过低（当时node的版本是4.6.0），更新node的版本可以解决这个问题。更新方法如下： sudo apt-get update curl -sL https://deb.nodesource.com/setup_1 阅读全文

posted @ 2020-12-08 14:05 ellenxx 阅读(1015) 评论(0) 推荐(0) 编辑

2020年12月2日

7Vue中的set方法

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src="vue 阅读全文

posted @ 2020-12-02 22:06 ellenxx 阅读(701) 评论(0) 推荐(0) 编辑

6Vue条件渲染

摘要：条件渲染 v-if 用于条件性的渲染内容，这块内容在指令的表达式返回true的时候被渲染。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=devi 阅读全文

posted @ 2020-12-02 12:47 ellenxx 阅读(151) 评论(0) 推荐(0) 编辑

2020年12月1日

5Vue样式绑定

摘要：通过数据改变样式点击文字切换颜色 1.v-bind:class <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, ini 阅读全文

posted @ 2020-12-01 22:25 ellenxx 阅读(137) 评论(0) 推荐(0) 编辑

2020年11月29日

3Vue生命周期

摘要：生命周期图方法详情： beforeCreated:在实例初始化之后，数据观测 (data observer) 和 event/watcher 事件配置之前被调用。 created:在实例创建完成后立即被调用。在这一步，实例已完成以下配置：数据观测,(data observer)，property 阅读全文

posted @ 2020-11-29 11:21 ellenxx 阅读(157) 评论(0) 推荐(0) 编辑

4Vue计算属性

摘要： Computed 1. 我们可用使用计算属性去处理模板内的复杂逻辑。如下代码：使{{fullName}}代替{{fristName+" "+lastName}}。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta 阅读全文

posted @ 2020-11-29 11:03 ellenxx 阅读(95) 评论(0) 推荐(0) 编辑

2020年11月20日

2Vue之MVVM模式

摘要：模式传统的mvp模式：moudel(数据)、view(视图)、presenter（控制器，业务逻辑）。控制器调用数据层，改变试图层，是个中转站，大部分代码集中在这一层，有大量dom操作。 mvvm模式：model层,view层,vm层 ViewModel取代presenter,使数据和Dom建立阅读全文

posted @ 2020-11-20 09:57 ellenxx 阅读(147) 评论(0) 推荐(0) 编辑

2020年11月19日

react中文件引入路径../../优化

摘要：你是否为../../../.......index而烦恼呢，这里收集几种方法供大家参考。一、适用于使用typeScript项目，方法十分简单 1.找到项目中的tsconfig.json文件 2.在“compilerOptions”对象中添加属性："baseUrl": "src"//tsconfig 阅读全文

posted @ 2020-11-19 11:21 ellenxx 阅读(2617) 评论(0) 推荐(0) 编辑

1vue之写helloword+todolist

摘要：兼容性 Vue兼容性：Vue不兼容IE8，因为Vue采用的是IE8无法模拟的ECMAScript 5特性。支持所有兼容 ECMAScript 5 的浏览器。 Hello World 步骤： 1.引入Vue的库 2.创建Vue实例 3.接管DOM和定义数据 <!DOCTYPE html> <html 阅读全文

posted @ 2020-11-19 11:08 ellenxx 阅读(107) 评论(0) 推荐(0) 编辑

学习，积累，应用，分享，成长

公告