09 2020 档案
摘要:表单数据双向绑定v-model 单向绑定:数据变,视图变;视图变(浏览器控制台上更新html),数据不变;上面的都是单向绑定 双向绑定:数据变,视图变;视图变(在输入框更新),数据变; 1. 基础用法 v-model 指令用于表单数据双向绑定,针对以下类型: text 文本 textarea 多行文
阅读全文
摘要:事件处理 v-on 1.事件处理方法 完整格式: v-on:事件名="函数名" 或 v-on:事件名="函数名(参数……)" 缩写格式: @事件名="函数名" 或 @事件名="函数名(参数……)" 注意: @ 后面没有冒号 event :函数中的默认形参,代表原生 DOM 事件 当调用的函数,有多个
阅读全文
摘要:列表渲染 v-for 1. 列表渲染指令 v-for 迭代数组 语法: v-for="(alias, index) in array" 说明: alias : 数组元素迭代的别名; index : 数组索引值从0开始(可选) 。 举例: <div v-for="item in items" :key
阅读全文
摘要:Java入门01之HelloWord详解 1. 新建一个文件夹 2. 新建一个Java文件 文件后缀为*.java* Hello.java 注:系统可能没有显示文件名后缀,需要手动打开 3. 编写代码 public class Hello{ public static void main(Strin
阅读全文
摘要:条件渲染 V-if 1. 条件指令 v-if 是否渲染当前元素 v-else v-else-if v-show 与 v-if 类似,只是元素始终会被渲染并保留在 DOM 中,只是简单切换元素的 CSS 属性 display 来显 示或隐藏 2. 案例源码 <!DOCTYPE html> <html
阅读全文
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv
阅读全文
摘要:常见面试题之关于对MVVM的理解 MVVM 是 Model-View-ViewModel 的缩写,它是一种软件架构风格 Model:数据模型,数据和业务逻辑都在Model层中定义 View:表UI视图,负责数据的展示(用于渲染数据) ViewModel:视图模型,其实本质上就是 Vue 实例。就是与
阅读全文
摘要:第二章 Vue 核心技术 点击进入相关官网 1. 计算属性和监听器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, in
阅读全文
摘要:第二章 Vue 核心技术 1. 模板数据绑定渲染 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-sca
阅读全文
摘要:第二章 Vue 核心技术 1. 编写HTML页面 编写步骤: 采用*< sprite >*标签引入vue.js 定义一个*< div >* *new Vue()*实例化Vue应用程序 el选项:选项: 元素element的缩写,指定被 Vue 管理的 Dom 节点入口(值为选择器 ),必须是一个普通
阅读全文
摘要:一.Vue.js 介绍 1. vue是什么 主流的渐进式JavaScript框架 2. 什么是渐进式 可以和传统的网站开发架构融合在一起,例如可以简单的把它当作一个类似 JQuery 库来使用。 也可以使用Vue全家桶框架来开发大型的单页面应用程序 。 3. 使用它的原因 Vue.js 体积小,编码
阅读全文
摘要:Markdown的语法 1.标题 #+空格+一级标题 ##+空格+二级标题 2.字体 星号 星号 + 内容 + 星号 星号 星号 + 斜体 + 星号 星号3 + 写粗体 + 星号3 波浪号 波浪号 + 内容 + 波浪号 波浪号 粗体 斜体 斜粗体 划线 3.引用 大于号+内容 wangyikai 4
阅读全文