随笔分类 -  Vue.js

vue.js 第一个Demo 增删便签
摘要：html: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc 阅读全文
posted @ 2020-03-26 07:49 盗哥泡茶去了 阅读(185) 评论(0) 推荐(0)
vue.js 计算属性
摘要：计算属性 模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。例如： <div id="example"> {{ message.split('').reverse().join('') }} </div> 在这个地方，模板不再是简单的声明式逻辑 阅读全文
posted @ 2020-03-23 22:56 盗哥泡茶去了 阅读(184) 评论(0) 推荐(0)
vue.js 指令
摘要：指令 (Directives) 是带有 v- 前缀的特殊 attribute。指令 attribute 的值预期是单个 JavaScript 表达式 (v-for 是例外情况，稍后我们再讨论)。 常用内置指令 v-bind 动态的绑定数据，简写为: v-on 绑定事件监听器，简写为@ v-model 阅读全文
posted @ 2020-03-23 21:03 盗哥泡茶去了 阅读(166) 评论(0) 推荐(0)
vue.js 插值
摘要：文本 数据绑定最常见的形式就是使用“Mustache”语法 (双大括号) 的文本插值： <span>Message: {{ msg }}</span> Mustache 标签将会被替代为对应数据对象上 msg 属性的值。无论何时，绑定的数据对象上 msg 属性发生了改变，插值处的内容都会更新。 通过 阅读全文
posted @ 2020-03-22 19:03 盗哥泡茶去了 阅读(336) 评论(0) 推荐(0)
vue.js 小结1
摘要：var myVue = new Vue({ el:"#firstVue" }) js变量 myVue 就是Vue创建的一个对象，可以理解成把<div id="firstVue></div>和这个标签里面包含的所有DOM都实例化成了一个JS对象， 这个对象就是myVue el是Vue的保留字，用来指定 阅读全文
posted @ 2020-03-22 00:58 盗哥泡茶去了 阅读(119) 评论(0) 推荐(0)
vue.js 处理用户输入
摘要：为了让用户和你的应用进行交互，我们可以用 v-on 指令添加一个事件监听器，通过它调用在 Vue 实例中定义的方法： <div id="app-5"> <p>{{ message }}</p> <button v-on:click="reverseMessage">更改消息</button> </d 阅读全文
posted @ 2020-03-20 19:37 盗哥泡茶去了 阅读(199) 评论(0) 推荐(0)
vue.js 条件与循环
摘要：条件 将以下代码理解为：if（seen==true）显示指定元素 <div id="app-3"> <p v-if="seen">现在你看到我了</p> </div> var app3 = new Vue({ el:'#app-3', data:{ seen:true } }) 循环 <div id 阅读全文
posted @ 2020-03-20 17:44 盗哥泡茶去了 阅读(127) 评论(0) 推荐(0)
vue.js 声明式渲染
摘要：Vue.js 的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统： <div id="pm"> {{message}} </div> var vm = new Vue({ el:'#pm', //在哪里(where) data:{ //做什么(what) message:'我变 阅读全文
posted @ 2020-03-17 17:01 盗哥泡茶去了 阅读(212) 评论(0) 推荐(0)
Vue.js简介与安装
摘要：Vue.js 是什么 Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时 阅读全文
posted @ 2020-03-17 16:27 盗哥泡茶去了 阅读(116) 评论(0) 推荐(0)