摘要：
java.util.function.Consumer<T> 接口则正好与Supplier接口相反，它不是生产一个数据，而是消费一个数据， 其数据类型由泛型决定。 抽象方法：accept Consumer 接口中包含抽象方法void accept(T t) ，意为消费一个指定泛型的数据。基本使用如： 阅读全文
摘要：
java.util.function.Supplier<T> 接口仅包含一个无参的方法： T get() 。 用来获取一个泛型参数指定类型的对象数据。 由于这是一个函数式接口，这也就意味着对应的Lambda表达式需要“对外提供”一个符合泛型类型的对象数据。 import java.util.func 阅读全文
摘要：
遍历数据渲染页面是非常常用的需求，Vue中通过v-for指令来实现。 1.遍历数组 语法： v-for="item in items" items：要遍历的数组，需要在vue的data中定义好。 item：迭代得到的数组元素的别名 示例： <div id="app"> <ul> <li v-for= 阅读全文
摘要：
1.基本用法 v-on指令用于给页面元素绑定事件。 语法： v-on:事件名="js片段或函数名" 示例： <div id="app"> <!--事件中直接写js片段--> <button v-on:click="num++">增加一个</button><br/> <!--事件指定一个回调函数，必须 阅读全文
摘要：
刚才的v-text和v-html可以看做是单向绑定，数据影响了视图渲染，但是反过来就不行。接下来学习的v-model是双向绑定，视图（View）和模型（Model）之间会互相影响。 既然是双向绑定，一定是在视图中可以修改数据，这样就限定了视图的元素类型。目前v-model的可使用元素有： input 阅读全文
摘要：
什么是指令？ 指令 (Directives) 是带有 v- 前缀的特殊特性。指令特性的预期值是：单个 JavaScript 表达式。指令的职责是，当表达式的值改变时，将其产生的连带影响，响应式地作用于 DOM。 例如我们在入门案例中的v-on，代表绑定事件。 1.花括号 格式： {{表达式}} 说明 阅读全文
摘要：
1.创建Vue实例 每个 Vue 应用都是通过用 Vue 函数创建一个新的 Vue 实例开始的： var vm = new Vue({ // 选项 }) 在构造函数中传入一个对象，并且在对象中声明各种Vue需要的数据和方法，包括： el data methods 等等... 接下来我们一 一介绍。 阅读全文
摘要：
我们在页面添加一个按钮： <button v-on:click="num++">点我</button> 这里用v-on指令绑定点击事件，而不是普通的onclick，然后直接操作num 普通click是无法直接操作num的。 效果： 阅读全文
摘要：
我们对刚才的案例进行简单修改： <body> <div id="app"> <input type="text" v-model="num"> <h2> {{name}}，非常帅！！！有{{num}}位女神为他着迷。 </h2> </div> </body> <script src="node_mo 阅读全文
摘要：
在hello-vue目录新建一个HTML 在hello.html中，我们编写一段简单的代码： h2中要输出一句话：xx 非常帅。前面的xx是要渲染的数据。 然后我们通过Vue进行渲染： <body> <div id="app"> <h2>{{name}}，非常帅！！！</h2> </div> </b 阅读全文
摘要：
创建一个新的空工程： 然后新建一个module： 选中static web，静态web项目： 位置信息： 在idea的左下角，有个Terminal按钮，点击打开控制台： 进入hello-vue目录，先输入：npm init -y 进行初始化 安装Vue，输入命令：npm install vue -- 阅读全文