最新文章
thumbnail

10_列表渲染

列表渲染 基本使用 使用 v-for可以循环渲染数据,如下,从persons中拿数据循环渲染到li标签中展示 <body>  <div id="app">    <ul>  ……
thumbnail

09_条件渲染

条件渲染 v-show 动态给标签添加display属性,实现元素的显示与隐藏,一般用于高频切换展示与隐藏的元素。 <body>  <div id="app">    <h1……
thumbnail

08_样式绑定

样式绑定 <!DOCTYPE html> <html lang="en">  <head>    <meta charset="UTF-8" />    <meta name="viewport" content="wi……
thumbnail

07_侦听器

侦听器 侦听器 定义: 当被侦听的属性发生变化时,自动调用回调函数 示例: <body>  <div id="app">    <h1>{{ info }}</h1>  ……
thumbnail

06_计算属性

计算属性 相比于methods,效率更高 完整写法 <body>  <div id="app">    <label for="last-name">姓:</label>    <input……
thumbnail

05_键盘事件

键盘事件 常用的键盘事件有两种,分别是keyup(按下后抬起触发)和keydown(按下即刻持续触发) vue提供了常用的按键别名: 回车:keyup.enter 删除:keyup.……
thumbnail
Vue

04_事件处理

事件处理 事件监听 v-on指令可以监听DOM事件,并在触发时执行JavaScript代码 <body>  <div id="app">    <h1>count: {{ count }}</h……
thumbnail
Vue

03_el与data的两种写法

el与data的两种写法 el的两种写法 第一种写法:创建vue实例的时候配置el属性 <script>  const vm = new Vue({    el: '#app',    data() {     ……
thumbnail

02_Vue数据绑定

数据绑定 Vue中有两种数据绑定的方式: 单项数据绑定(v-bind):数据只能从data中流向页面,data中数据发生变化,页面绑定的值也发生变化。 双向数据绑定……
thumbnail
Vue

01_Vue模板语法

Vue模板语法 Vue模板语法有两大类: 插值语法: 功能:用于解析标签体内容。 写法:{{xxx}} 用法: <body>  <div id="app">    <h1>{……