随笔档案「2021年7月」 - 冷漠「」

02、Node.js 创建第一个应用 -菜鸟教程

摘要：一、Node.js 应用的组成模块： 1、引入 required 模块：使用 require 指令来载入 Node.js 模块；使用 require 指令载入 http 模块，并将实例化的HTTP 赋值给变量 http，实例如下： var http = require("http"); 2、创建服阅读全文

posted @ 2021-07-30 16:35 冷漠「」

深入了解组件：02 Prop

摘要：一、Prop 的大小写： HTML 中对 attribute 名的大小写不敏感的，所以浏览器会把所有大写字符解释为小写字符。这意味着当你使用 DOM 中的模版时， camelCase (驼峰命名法) 的 prop 名需要使用其等级的 kebab-case (短横线分隔命名）： Vue.compone 阅读全文

posted @ 2021-07-24 22:51 冷漠「」

深入了解组件：01组件注册

摘要：一、组件注册： 1、组件名：在注册一个组件的时候，我们始终需要给它一个名字。比比如在全局注册的以后我们已经看到：  Vue.component('my-component-name', { /* ... */ }) 该组件名就是阅读全文

posted @ 2021-07-23 21:27 冷漠「」

组件基础

摘要：一、基本示例： Vue 组件的实例：组件是可复用的 Vue 实例，且带有一个名字：在这个例子中是 <button-counter>>。我们可以在一个通过 new Vue 创建的 Vue 根实例中，把这个组件座位自定义元素来使用： <div id="components-demo"> <button 阅读全文

posted @ 2021-07-22 20:50 冷漠「」

表单输入绑定

摘要：一、基础用法：可以用 v-model 指令在表单 <input>、<testarea>、<select> 元素上创建双向数据绑定。它会根据空间类型自动选取正确的方法更新元素。 v-model 本质是语法糖，它负责监听用户的输入事件以更新数据，并对一些极端场景进行一些特殊处理。 v-model 会忽阅读全文

posted @ 2021-07-21 21:44 冷漠「」

事件处理

摘要：一、监听事件用 v-on 指令监听 DOM 事件，并在触发时运行一些 JS 代码： <div id="example-1"> <button v-on:click="counter += 1">Add 1</button> <p>The button above has been clicked 阅读全文

posted @ 2021-07-20 20:57 冷漠「」

列表渲染 v-for

摘要：一、用 v-for 把一个数组对应为一组元素用 v-for 指令基于一个数组来渲染一个列表。v-for 指令需要使用 item in items 形式的特殊语法，其中 items 是元数据数组，而 item 则是被迭代的数组元素的别名： <div id="test"> <ul id="exampl 阅读全文

posted @ 2021-07-19 21:23 冷漠「」

条件渲染

摘要：一、v-if 1、在 <template> 元素上使用 v-if 条件渲染分组：因为 v-if 是一个指令，所以必须将他添加到一个元素上，但如果想切换多个元素的话，就可以把 template 元素当作不可见的包裹元素，并在上面使用 v-if。最终的渲染结果将不包含 <template> 元素。 < 阅读全文

posted @ 2021-07-18 22:07 冷漠「」

class 与 style 绑定的多种方式

摘要：一、绑定 HTML Class 1、对象语法：效果都是一样的几种方式方式1：采用对象的方式  <div id="test" class="static" v-bind:class="{ active: isActive, 'text-danger': hasError }" 阅读全文

posted @ 2021-07-18 12:35 冷漠「」

公告