摘要：
当一个 Vue 实例被创建时，它将 data 对象中的所有的 property 加入到 Vue 的响应式系统中。当这些 property 的值发生改变时，视图将会产生“响应”，即匹配更新为新的值。 一、示范代码 // 我们的数据对象 var data = { firstname: 'CL', las 阅读全文
posted @ 2021-07-08 07:10
那些年的事儿
阅读(137)
评论(0)
推荐(0)
摘要：
在 Vue 里，一个组件本质上是一个拥有预定义选项的一个 Vue 实例。 一、示范代码 Vue.component('todo-item', { props: ['todo'], template: '<li>{{ todo.text }}</li>' }) var app7 = new Vue({ 阅读全文
posted @ 2021-07-07 20:05
那些年的事儿
阅读(204)
评论(0)
推荐(0)
摘要：
Vue 还提供了 v-model 指令，它能轻松实现表单输入和应用状态之间的双向绑定。 一、示范代码 <div id="app-6"> <p>{{ message }}</p> <input v-model="message"> </div> var app6 = new Vue({ el: '#a 阅读全文
posted @ 2021-07-07 19:49
那些年的事儿
阅读(76)
评论(0)
推荐(0)
摘要：
为了让用户和你的应用进行交互，我们可以用 v-on 指令添加一个事件监听器，通过它调用在 Vue 实例中定义的方法。 一、示范代码 <div id="app-5"> <p>{{ message }}</p> <button v-on:click="reverseMessage">反转消息</butt 阅读全文
posted @ 2021-07-07 19:41
那些年的事儿
阅读(67)
评论(0)
推荐(0)
摘要：
v-for 指令可以绑定数组的数据来渲染一个项目列表： 一、示范代码 <div id="app-4"> <ol> <li v-for="todo in todos"> {{ todo.text }} </li> </ol> </div> var app4 = new Vue({ el: '#app- 阅读全文
posted @ 2021-07-07 19:34
那些年的事儿
阅读(636)
评论(0)
推荐(0)
摘要：
控制切换一个元素是否显示也相当简单 一、示范代码 <div id="app-3"> <p v-if="seen">现在你看到我了</p> </div> var app3 = new Vue({ el: '#app-3', data: { seen: true } }) 二、结果如下图所示 三、在控制 阅读全文
posted @ 2021-07-07 19:27
那些年的事儿
阅读(203)
评论(0)
推荐(0)
摘要：
指令带有前缀 v-，以表示它们是 Vue 提供的特殊 attribute。它们会在渲染的 DOM 上应用特殊的响应式行为。 一、示范代码 <div id="app-2"> <span v-bind:title="message"> 鼠标悬停几秒钟查看此处动态绑定的提示信息！ </span> </di 阅读全文
posted @ 2021-07-07 19:16
那些年的事儿
阅读(156)
评论(0)
推荐(0)
摘要：
Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。 一、安装VUE 1. 通过如下方式引入 Vue <!-- 开发环境版本，包含了有帮助的命令行警告 --> <script src="ht 阅读全文
posted @ 2021-07-07 19:03
那些年的事儿
阅读(81)
评论(0)
推荐(0)
摘要：
下面程序的输出结果，参考代码中的注释，原因也在其中。 public class MyDemo { public static void main(String[] args) { String s1 = "Programming"; String s2 = new String("Programmi 阅读全文
posted @ 2021-07-07 08:20
那些年的事儿
阅读(90)
评论(0)
推荐(0)
摘要：
JSON 中数组值必须是合法的 JSON 数据类型（字符串, 数字, 对象, 数组, 布尔值或 null）。 JavaScript 中，数组值可以是以上的 JSON 数据类型，也可以是 JavaScript 的表达式，包括函数，日期，及 undefined。 一、对象属性的值可以是一个数组 { "n 阅读全文
posted @ 2021-07-05 09:12
那些年的事儿
阅读(96)
评论(0)
推荐(0)
浙公网安备 33010602011771号