iWaterMelon

摘要： Bootstrap中一些常用的东西，从印象笔记腾过来的，这里的表格不怎么美观，就先酱紫吧.。 阅读全文

摘要： 全局注册 // 局部注册 全局注册 官方解析： 到目前为止，我们只用过 Vue.component 来创建组件： Vue.component('my-component-name', { // ... 选项 ... }) 这些组件是全局注册的。也就是说它们在注册之后可以用在任何新创建的 Vue 根实 阅读全文

摘要： Vue.component // V要大写 // 组件复用 // Prop向子组件传递数据 // 单个根元素 // 通过事件向父组件发送消息 插槽 // 动态组件初识 // 解析DOM模板时的注意事项 基础用法 官方解析： // 定义一个名为 button-counter 的新组件 Vue.comp 阅读全文

摘要： v-model=" " // 多(单)行文本 // 复选框 // 单选框 // 下拉 // 值绑定 // 修饰符 基础用法 官方解析：你可以用 v-model 指令在表单 <input> 及 <textarea> 元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇，但 阅读全文

摘要： v-for="item in items " // 数组更新检测 // 对象更改检测注意事项 // 显示过滤 / 排序结果 // 一段取值范围的 v-for // v-for 数组：我们用 v-for 指令根据一组数组的选项列表进行渲染。v-for 指令需要使用 item in items 形式的特 阅读全文

摘要： v-if=" " // v-else // v-else-if=" " // key=" " // v-show=" " 条件渲染 v-if <div v-if="Math.random() > 0.5"> Now you see me </div> <div v-else> Now you don 阅读全文

摘要： v-bind:class=" " // :class=" " // :style=" " 绑定HTML class 对象语法： 我们可以传给 v-bind:class 一个对象，以动态地切换 class： <div v-bind:class="{ active: isActive }"></div> 阅读全文

摘要： computed // setter // getter 计算属性 computed <div id="app"> <p>内容：{{ message }}</p> <p>反转：{{ reversedMessage }}</p> </div> ==>内容：Hello ==>饭庄：olleH var a 阅读全文

摘要： 引入 // 实例的重要选项 el data methods watch created // 模板指令 // 前缀$ // 值中的JavaScript表达式 1. vue的引入： cdn： <!-- 开发环境版本，包含了用帮助的命令行警告 --> <script src="https://cdn.j 阅读全文

摘要： JavaScript - DOM文档对象模型 // 节点属性 // DOM节点操作 // 克隆 阅读全文

摘要： JavaScript 封装一个简单的 animation 动画 阅读全文