阅读目录Vue3中八个生命周期函数js动态添加对象属性js 遍历对象第一种: for......in第二种第三种:
原创
2023-02-09 11:40:45
64阅读
一.表单基本操作1. 单选框操作
2.复选框操作 我们如法炮制写一下复选框
打球
敲代码
学习
3.表单修饰符4.自定义指令Vue.directive自定义全局指令
Vue.directive 注册全局指令带参数
自定义局部指令局部指令,需
转载
2021-05-10 17:28:44
90阅读
2评论
阅读本文需要注意的地方 本文所有组件示例都基于vuecli2。其中大部分组件,使用了vue.use()方法。 这里解释一下为什么使用vue.use()。因为,当插件是一个方法的时候, 我们只需要把该方法定义到vue的prototype上就可以使用: import axios from 'axios' ...
转载
2021-08-18 22:42:00
239阅读
Vue 基础库 vue Vue(读作/vjuː/,类似于 view)是一个用于构建用户界面的渐进式框架。它从头开始设计为可逐步采用,并且可以根据不同的用例在库和框架之间轻松扩展。它由一个仅关注视图层的易于使用的核心库和一个支持库生态系统组成,可帮助您解决大型单页应用程序中的复杂性。 vuex Vue ...
转载
2021-10-03 14:26:00
214阅读
2评论
v-text: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta h
原创
2022-12-23 00:46:11
51阅读
vue指令带有前缀 v-。 一、v-bind 单向数据绑定 在html中显示数据,除了使用插值表达式{{}}之外,也可以使用vue中的v-bind指令。 ... ... <body> <div id="app"> <!-- v-bind指令 --> <h1 v-bind:title="message
原创
2021-04-23 16:59:33
275阅读
aiXcoder:智能提示Auto Rename Tag:标签名首尾同步修改Beautify:代码格式化Bracket Pair Colorizer:括号着色Color Info:颜色信息Debugger for Chrome:Chrome debugDocker:docker容器Dracula:德古拉暗色主题Error Lens:行错误提示ESLint:代码检查Eva Theme:伊娃亮色主题filesize:文件大小Material Icon Theme:文件图标Mithri.
原创
2021-08-30 10:13:12
165阅读
计算属性一般就是用来通过其他的数据算出一个新数据,而且它有一个好处就是, 它把新
原创
2023-06-24 09:12:19
159阅读
css 穿透 /* ::v-deep */ ::v-deep .类名 { } 引入本地文件 require() 获取原始数据 // 访问初始值 this.$options.data().xx dom 渲染后执行 //dom渲染完执行 this.$nextTick(() => {}) 子组件调用父组件 ...
转载
2021-07-24 14:02:00
71阅读
1.v-text 是元素的innerText只能在双标签中使用 v-html是元素的innerhtml,不能包含{{xxx}} v-if元素是否移除或者插入 v-show元素是否显示或隐藏 v-model双向元素绑定,v-bind是单向元素绑定(内存js改变影响页面) 2.class结合v-bind
转载
2019-03-05 17:44:00
121阅读
2评论
指令的六大类 内容渲染指令 属性绑定指令 事件绑定指令 双向绑定指令 条件渲染指令 列表渲染指令 内容绑定指令 1. v-text文本指令 使用方法: 内容 'zhangsan' 就展示在p标签里 如果p标签原来有内容就会被 'zhangsan'覆盖掉 2. {{ }}插值表达式 使用方法: 在{{
原创
2022-09-17 02:20:44
87阅读
指令的六大类 内容渲染指令 属性绑定指令 事件绑定指令 双向绑定指令 条件渲染指令 列表渲染指令 内容绑定指令 1. v-text文本指令 使用方法: 内容 'zhangsan' 就展示在p标签里 如果p标签原来有内容就会被 'zhangsan'覆盖掉 2. {{ }}插值表达式 使用方法: 在{{
原创
2022-09-17 03:18:18
82阅读
"@
目录
v-html
v-text
v-for
v-if
v-show
v-bind
v-on
v-model
指令修饰符
计算与侦听属性
自定义属性
获取DOM元素
Vue.js官方给自己的定义为数据模版引擎,并给出了一套渲染数据的指令。本文将详细介绍Vue.js的常用指令
导入vue.jshttps://cdnjs.cloudflare.com/ajax/libs/vue/2.
转载
2021-08-05 17:26:50
175阅读
1、Vue常用特性,常用特性概览。
1)、表单操作,表单主要做用户交互,基于Vue的表单操作,如下所示。
a)、Input单行文本。
b)、textarea多行文本。
c)、select下拉多选。
d)、radio单选框。
e)、checkbox多选框。
2)、表单域修饰符,表单默认是字符串的。
a)、number,转化为数值,如<input type="te...
原创
2021-06-01 17:08:27
166阅读
data、methods、computed、watch、directives、beforeCreate 、created 、beforeMount 、mounted 、beforeUpdate 、updated 、beforeDestroy 、destroyed
原创
2022-03-10 14:37:28
254阅读
指令是以数据去驱动DOM行为,简化DOM操作。常用指令如下v-text innertext,不能解析文本中的html标签v-html innerhtml,可解析文本中的html标签v-show 控制元素的显示、隐藏v-if、v-else-if、v-else 满足条件才显示对应的元素v-for 遍历数组、对象v-bind 单向数据绑定v-model 双向数据绑定v-on
转载
2021-05-10 17:59:37
161阅读
2评论
v-text 或者 {{ }} 直接把数据渲染出来,有Html标签也不会解析。 <h1 v-text="msg"></h1> <h1>{{ msg }}</h1> v-html 为了输出真正的HTML,可以用v-html指令。 它等同于JS的innerHtml属性。 <div v-html="nam
原创
2021-08-05 15:34:12
201阅读