活在记忆里的人

2021年9月24日

摘要：上一篇中，我们在搭建Vue脚手架的基础上，完成了单文件组件的测试，本篇中我们来学习一下render函数阅读全文

posted @ 2021-09-24 15:20 活在记忆里的人阅读(1429) 评论(0) 推荐(1)

摘要：项目结构介绍在上一篇我们介绍了安装Vue Cli的安装并创建了一个vue项目vue_test,现在简单介绍各模块的作用，其中School组件和Student组件是新写的组件，方便后续介绍单文件组件。对应模块的作用：单文件组件介绍在很多 Vue 项目中，我们使用 Vue.component 阅读全文

posted @ 2021-09-24 11:45 活在记忆里的人阅读(102) 评论(0) 推荐(0)

2021年9月23日

Vue CLI（脚手架）

摘要： Vue脚手架安装与启动阅读全文

posted @ 2021-09-23 21:29 活在记忆里的人阅读(73) 评论(0) 推荐(0)

VueComponent构造函数

摘要：关于VueComponent 1.school组件本质是一个名为VueComponent的构造函数，且不是程序员定义的，是Vue.extend生成的。 2.我们只需要写<school/>或<school></school>，Vue解析时会帮我们创建school组件的实例对象，即Vue帮我们执行的：阅读全文

posted @ 2021-09-23 16:06 活在记忆里的人阅读(371) 评论(0) 推荐(0)

Vue之非单文件组件（定义组件步骤及注意点）

摘要： Vue中使用组件的三大步骤：一、定义组件(创建组件) 二、注册组件三、使用组件(写组件标签) 一、如何定义一个组件？使用Vue.extend(options)创建，其中options和new Vue(options)时传入的那个options几乎一样，但也有点区别；区别如下： 1.el不要写阅读全文

posted @ 2021-09-23 15:30 活在记忆里的人阅读(417) 评论(0) 推荐(0)

vue之生命周期

摘要：实例生命周期钩子每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数，这给了用户在不同阶段添加自己的代码的机会。生命周期： 1.又名：生命周期回调函数、阅读全文

posted @ 2021-09-23 14:29 活在记忆里的人阅读(63) 评论(0) 推荐(0)

vue之内置指令与自定义指令

摘要：回顾学习过的指令 v-bind : 单向绑定解析表达式, 可简写为 :xxx v-model : 双向数据绑定 v-for : 遍历数组/对象/字符串 v-on : 绑定事件监听, 可简写为@ v-if : 条件渲染（动态控制节点是否存存在） v-else: 条件渲染（动态控制节点是否存存在） v- 阅读全文

posted @ 2021-09-23 12:31 活在记忆里的人阅读(128) 评论(0) 推荐(0)

Vue之过滤器

摘要：过滤器基础 Vue.js 允许你自定义过滤器，可被用于一些常见的文本格式化。过滤器可以用在两个地方：双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。过滤器应该被添加在 JavaScript 表达式的尾部，由“管道”符号指示：  {{ messa 阅读全文

posted @ 2021-09-23 10:44 活在记忆里的人阅读(241) 评论(0) 推荐(0)

Vue之表单输入绑定

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

posted @ 2021-09-23 09:48 活在记忆里的人阅读(164) 评论(0) 推荐(0)

2021年9月22日

列表渲染

摘要：用 v-for 把一个数组对应为一组元素 v-for指令: 1.用于展示列表数据 2.语法：v-for="(item, index) in xxx" :key="yyy" 3.可遍历：数组、对象、字符串（用的很少）、指定次数（用的很少） react、vue中的key有什么作用？（key的内部原理）阅读全文

posted @ 2021-09-22 17:25 活在记忆里的人阅读(61) 评论(0) 推荐(0)

活在记忆里的人

公告