兮动人的博客_Vue

vue之计算属性的setter和getter

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <div id="app"> <h2>{{fullName}}</h2> </div> <scrip...

vue之setter、

vue之getter

vue

html

只读属性

原创 2022-03-15 16:31:04 10000+阅读

vue之computed计算属性的基本使用

案例：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">

计算属性的基本使用

vue之computed

vue

html

vue.js

原创 2022-03-15 16:20:30 113 阅读

vue之事件监听v-on的基本使用

事件v-on基础<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <div id="app"> <h2>{{counter}}</h2> <butt

vue之v-on的基本使用

vue

html

事件监听

vue.js

原创 2022-03-15 16:19:56 57 阅读

Vue之v-bind动态绑定class(数组语法)

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body>

vue

html

数组

单引号

原创 2022-03-15 16:19:51 342 阅读

vue之computed计算属性的复杂操作

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <div id="app"> <h2>总价格：{{totalPrice}}</h2> </div> <...

vue之computed

vue

html

计算机原理

vue.js

原创 2022-03-15 16:19:30 60 阅读

vue之计算属性的缓存computed的使用

计算属性的缓存<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <div id="app">  <h2>{{firstName}

vue之计算属性的缓存

vue之computed的使用

vue

html

vue.js

原创 2022-03-15 16:19:29 98 阅读

Vue之v-bind基本使用

v-bind基本使用<!DOCTYPE html><html lang="en"><head> <meta ch

Vue之v-bind基本使用

Vue

vue

html

vue.js

原创 2022-03-15 16:07:50 216 阅读

Vue之Mustache语法

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="app"> <h2>{{message}}</h2> <h2>{{message}}，兮动人</h2>...

Vue之Mustache语法

Mustache语法

Vue

html

vue.js

原创 2022-03-15 16:07:28 95 阅读

Vue之v-once、v-html、v-text、v-pre、v-cloak的基本使用

v-once基本使用<!DOCTYPE html><html lang="en"><head> <m

v-once、v-html

Vue

v-text、v-pre

vue

html

原创 2022-03-15 16:07:21 183 阅读

Vue案例之计数器

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></he

Vue案例之计数器

vue

html

监听事件

vue.js

原创 2022-03-15 16:06:46 68 阅读

Vue中的MVVM

Vue

MVVM

原创 2022-03-15 16:06:38 63 阅读

webstrom创建vue常用模板

打开webstrom的设置，Editor–>Live Template添加自己定义的模板代码，

webstrom创建vue模板

webstrom

vue常用模板

创建vue常用模板

vue

原创 2022-03-15 16:06:29 76 阅读

Vue之v-for列表展示

Vue列表展示<!DOCTYPE html><html lang="en"><head> <meta charset="

Vue之v-for列表展示

vue

v-for

html

vue.js

原创 2022-03-15 16:06:21 82 阅读

03_Vue之v-cloak、v-text、v-html的学习使用

v-cloak：能够解决插值表达式闪烁的问题。如果想慢速观察，可以把浏览器的响应速度给清空<!DOCTYPE html><html lang="en"><head> <met...

vue

vuejs

vue.js

html

插值

原创 2022-03-15 15:58:39 64 阅读

04_Vue之v-bind、v-on的使用

v-bind：是Vue中，提供的用于绑定属性的指令注意：v-bind: 指令可以简写为 :要绑定的属性，如：v-binlang="en"...

vue

js

vuejs

vue.js

html

原创 2022-03-15 15:58:29 62 阅读

02_Vue 的基本代码

编写Vue采用vscode或hbuilder X都是不错的选择，我这里采用的是vscode，插件多功能也强大。le/disable server”。或直接按照下图来安装即可：这样使...

vue

vuejs

vue.js

js

html

原创 2022-03-15 15:58:18 55 阅读

01_Vue的简单介绍

什么是Vue.jsVue.js 是目前最火的一个前端框架，React是最流行的一

vue

vue.js

mvc

图层

原创 2022-03-15 15:57:32 53 阅读

vue之v-if基本使用

v-if：根据表达式的真假，切换元素的显示和隐藏（操作DOM元素）

vue之v-if基本使用

vue

js

v-if

vue.js

原创 2022-03-15 15:53:28 255 阅读

Vue初体验

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="app"> <h2>{{message}}</h2> <h1>{{name}}</h1></div.

vue

vue初体验

数据

html

声明式编程

原创 2022-03-15 15:53:15 99 阅读

vue之v-show基本使用

v-show：根据表达值的真假，切换元素的显示和隐藏

vue之v-show基本使用

vue

vue.js

v-show

原创 2022-03-15 15:38:19 194 阅读

vue之实现记事本功能

文章目录1. 记事本功能2. 新增1. 记事本功能记事本有基

vue之实现记事本功能

vue

css

输入框

vue.js

原创 2022-03-15 15:38:06 137 阅读

vue之计数器实现原理

计数器<body> <div id="app"> <button @click

vue之计数器实现原理

vue

vue计数器

js

vue.js

原创 2022-03-15 15:37:07 86 阅读

vue之v-text、v-html及v-on标签基本使用

文章目录本地应用v-text：设置标签的文本值v-html：设置

vue

v-text

v-html

v-on

v-on基础

原创 2022-03-15 15:35:09 109 阅读

vue之v-bind基本使用

v-bind 设置元素的属性（如：src,title,class）

vue之v-bind基础使用

vue

v-bind

vue.js

v-bind设置元素属性

原创 2022-03-15 15:33:39 88 阅读

vue之v-model基本使用

v-model：获取和设置表单元素的值（双向绑

vue之v-model基本使用

vue

v-model

v-model设置表单元素的值

v-model获取表单元素的值

原创 2022-03-15 15:33:26 119 阅读

vue之图片切换

图标切换

vue之图片切换实现

vue之图片切换

vue

v-show

绑定事件

原创 2022-03-15 15:32:50 463 阅读

Vue之el和data基本使用

文章目录1. el：挂载点2. data：数据对象1. el：挂载点案例：分别用类、标签选择器来绑定挂载点<body> <div id="app" class="app"> {{message}}<br> <span>{{message}}</span><br> <span>{{ message }}</span> </div>

Vue之el和data基本使用

el挂载点

data数据对象

vue

js

原创 2022-03-15 15:32:50 63 阅读

vue之v-for基本使用

<body> <div id="app"> <input type="button" value="添加数据" @click="add"> <input type="button" value="移除数据" @click="remove"> <ul> <li v-for="(item,index) in arr"> {{ ..

vue之v-for基本使用

v-for

vue.js

vue

添加数据

原创 2022-03-15 15:32:49 184 阅读

vue之v-on补充

<body> <div id="app"> <input type="button" value="点击" @click="doIt(666,'老铁')"> <input type="text" @keyup.enter="sayHi"> </div> <script src="../js/vue.js"></script> <script>..

vue之v-on补充

v-on

vue

vue.js

参数类型

原创 2022-03-15 15:32:49 60 阅读

vue之v-bind绑定style（对象语法）

注意： key: value 表示时，key可以不加单引号或双引号，但value必须加上，或者直接在定义上加

vue之v-bind

vue

v-bind绑定style

html

vue.js

原创 2022-03-15 14:19:55 103 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

兮动人