04 2020 档案

5.13组件化开发
摘要：认识组件化 人面对复杂问题的处理方式： 阅读全文
posted @ 2020-04-15 21:24 T-Rex 阅读(178) 评论(0) 推荐(0)
5.13.1全局组件和局部组件
摘要：注册组件 组件的使用分成三个步骤： 创建组件构造器 注册组件 使用组件。 我们来看看通过代码如何注册组件 查看运行结果： 和直接使用一个div看起来并没有什么区别。 但是我们可以设想，如果很多地方都要显示这样的信息，我们是不是就可以直接使用来完成呢？ Title {{msg}}... 阅读全文
posted @ 2020-04-15 21:23 T-Rex 阅读(139) 评论(0) 推荐(0)
5.12v-model
摘要：v-model 表单控件在实际开发中是非常常见的. 特别是对于用户信息的提交, 需要大量的表单. Vue中使用v-model指令来实现表单元素和数据的双向绑定. 案例的解析: 当我们在输入框输入内容时 因为input中的v-model绑定了message, 所以会实时将输入的内容传递给message, message发生改变. 当message发生改变时, 因为上面我们使... 阅读全文
posted @ 2020-04-15 21:16 T-Rex 阅读(168) 评论(0) 推荐(0)
5.8computed 计算属性
摘要：我们知道, 在模板中可以直接通过插值语法显示一些data中的数据. 但是在某些情况, 我们可能需要对数据进行一些转化后再显示, 或者需要将多个数据结合起来进行显示 比如我们有firstName和lastName两个变量, 我们需要显示完整的名称. 但是如果多个地方都需要显示完整的名称, 我们就需要写多个{{firstName}} {{lastName}} 我们可以将上面的代码换成计... 阅读全文
posted @ 2020-04-15 21:04 T-Rex 阅读(342) 评论(0) 推荐(0)
5.11v-for
摘要：当我们有一组数据需要进行渲染时, 我们就可以使用v-for来完成. v-for的语法类似于JavaScript中的for循环. 格式如下: item in items的形式. 我们来看一个简单的案例: 如果在遍历的过程中不需要使用索引值 v-for="movie in movies" 依次从movi 阅读全文
posted @ 2020-04-15 20:58 T-Rex 阅读(266) 评论(0) 推荐(0)
5.10虚拟dom
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="../../js/vue.js"></script> </head> <body> <div id="ap 阅读全文
posted @ 2020-04-15 20:52 T-Rex 阅读(137) 评论(0) 推荐(0)
5.9v-if等
摘要：条件判断 v-if, v-else-if, v-else, 及条件渲染 v-show v-if, v-else-if, v-else 这三个指令与JavaScript的条件语句if, else, else if类似. Vue的条件指令可以根据表达式的值在DOM中渲染或销毁元素或组件 简单的案例演示: 阅读全文
posted @ 2020-04-15 20:51 T-Rex 阅读(184) 评论(0) 推荐(0)
5.7v-bind
摘要：v-bind 基础 前面我们学习的指令主要作用是将值插入到我们模板的内容当中. 但是, 除了内容需要动态来决定外, 某些属性我们也希望动态来绑定. 比如动态绑定a元素的href属性 比如动态绑定img元素的src属性 这个时候, 我们可以使用v-bind指令: 作用: 动态绑定属性 缩写: : 预期: any (with argument) | Object (without a... 阅读全文
posted @ 2020-04-15 20:42 T-Rex 阅读(179) 评论(0) 推荐(0)
5.6v-clock
摘要：v-cloak 将未解析出来的代码块进行隐藏 但基本不会用到 阅读全文
posted @ 2020-04-15 20:35 T-Rex 阅读(118) 评论(0) 推荐(0)
Java 内存区域详解
摘要：基本问题: 介绍下 Java 内存区域(运行时数据区) Java 对象的创建过程(五步, 建议能默写出来并且要知道每一步虚拟机做了什么) 对象的访问定位的两种方式(句柄和直接指针两种方式) 拓展问题 String 类和常量池 8 种基本类型的包装类和常量池 概述 对于 Java 程序员来说, 在虚拟机自动内存管理机制下, 不再需要像 C/C++程序开发程序员这样为每一个 new 操作去写对应的 d... 阅读全文
posted @ 2020-04-14 08:32 T-Rex 阅读(296) 评论(0) 推荐(0)
5.5v-pre
摘要：v-pre 将代码原封不动的解析出来, 不做任何处理 v-pre用于跳过这个元素和它子元素的编译过程, 用于显示原本的Mustache语法. 比如下面的代码: 第一个h2元素中的内容会被编译解析出来对应的内容 第二个h2元素中会直接显示{{message}} 阅读全文
posted @ 2020-04-14 08:11 T-Rex 阅读(125) 评论(0) 推荐(0)
5.4v-text
摘要：v-text v-text作用和Mustache比较相似: 都是用于将数据显示在界面中 v-text通常情况下, 接受一个string类型 在不想用mustache语法的时候, 可以使用这样 但它不够灵活. 建议使用mastache语法 阅读全文
posted @ 2020-04-14 08:10 T-Rex 阅读(124) 评论(0) 推荐(0)
5.3v-html
摘要：某些情况下, 我们从服务器请求到的数据本身就是一个HTML代码 如果我们直接通过{{}}来输出, 会将HTML代码也一起输出. 但是我们可能希望的是按照HTML格式进行解析, 并且显示对应的内容. 如果我们希望解析出HTML展示 可以使用v-html指令 该指令后面往往会跟上一个string类型 会 阅读全文
posted @ 2020-04-14 08:08 T-Rex 阅读(199) 评论(0) 推荐(0)
5.2v-once
摘要：v-once 但是, 在某些情况下, 我们可能不希望界面随意的跟随改变 这个时候, 我们就可以使用一个Vue的指令 v-once: 该指令后面不需要跟任何表达式(比如之前的v-for后面是由跟表达式的) 该指令表示元素和组件(组件后面才会学习)只渲染一次, 不会随着数据的改变而改变. 只渲染一次, 不会再被改变 阅读全文
posted @ 2020-04-14 00:09 T-Rex 阅读(115) 评论(0) 推荐(0)
5.1mustache
摘要：Mustache 如何将data中的文本数据, 插入到HTML中呢? 已经学习过了, 可以通过Mustache语法(也就是双大括号). Mustache: 胡子/胡须. 我们可以像下面这样来使用, 并且数据是响应式的 阅读全文
posted @ 2020-04-14 00:06 T-Rex 阅读(117) 评论(0) 推荐(0)
4. Vue生命周期
摘要：2, Vue的生命周期 阅读全文
posted @ 2020-04-13 23:54 T-Rex 阅读(119) 评论(0) 推荐(0)
3. Vue模型分析
摘要：三, 内容 注: 本文多数内容属于Vue2.6之前的内容, 只有较为重要的地方才会补充2.6版本之后的内容, 望周知. 1, Vue中的MVVM (1)什么是MVVM呢? 通常我们学习一个概念, 最好的方式是去看维基百科(对, 千万别看成了百度百科) https://zh.wikipedia.org/wiki/MVVM 维基百科的官方解释, 我们这里不再赘述. (2)Vue的M... 阅读全文
posted @ 2020-04-13 23:52 T-Rex 阅读(705) 评论(0) 推荐(0)
2. Vue知识量化
摘要： 阅读全文
posted @ 2020-04-13 23:47 T-Rex 阅读(153) 评论(0) 推荐(0)
1. Vue简介
摘要：一, 简介 1.Vue (读音 /vjuː/, 类似于 view)的简单认识 (1)Vue是一个渐进式的框架, 什么是渐进式的呢? 渐进式意味着你可以将Vue作为你应用的一部分嵌入其中, 带来更丰富的交互体验. 或者如果你希望将更多的业务逻辑使用Vue实现, 那么Vue的核心库以及其生态系统. 比如Core+Vue-router+Vuex, 也可以满足你各种各样的需求. (2)Vue有... 阅读全文
posted @ 2020-04-13 23:46 T-Rex 阅读(188) 评论(0) 推荐(0)