Vue基础之v-cloak、v-text、v-html、v-bind、v-on的基本使用(1)
2023-09-27 14:24:42 时间
1、使用 v-cloak 能够解决 插值表达式闪烁的问题
<style> [v-cloak] { } </style> <p v-cloak>++++++++ {{ msg }} ----------</p>
2、v-html的作用?
输出data中的html的内容的
<div v-html="msg2">1212112</div> var vm = new Vue({ el: '#app', data: { msg2: '<h1>哈哈,我是一个大大的H1, 我大,我骄傲</h1>', }, })
3、v-bind的作用?
用于绑定属性的指令:input type="button" value="按钮" v-bind:title="mytitle + '123'"
v-bind: 指令可以被简写为 : 要绑定的属性
4、v-on的作用?
* 用于事件绑定机制:比如click,mouseover等:input type="button" value="按钮" :title="mytitle + '123'" v-on:click="alert('hello')"
* 缩写是 @
5、Vue指令之v-bind的三种用法?
直接使用指令v-bind
使用简化指令 :
在绑定的时候,拼接绑定内容::title="btnTitle + ' , 这是追加的内容 ' "
相关文章
- (尚004)Vue计算属性之基本使用和监视
- Vue 嵌套路由、路由守卫
- 【Vue】路由组件中失去焦点和获得焦点的两个事件
- 【Vue】vue中VM的生命周期及加载和销毁实例
- 解决Vue打包后背景图片路径错误问题
- vue 笔记一
- Vue - Router 路由跳转传参(对象 / 数组)目标页面刷新后参数丢失问题解决方案
- 2022最新前端vue面试题
- Vue项目修改浏览器滚动条样式
- vue-devtools 获取到 vuex store 和 Vue 实例的?
- 手机调试vue-----项目
- vue 命名路由
- Vue知识点总结(4)——v-on(超级详细)
- vue去掉严格开发,即去掉vue-cli安装时的eslint
- Vue报错笔记(1)vue.esm.js?efeb:628 [Vue warn]: Property or method “handleClick“ is not defined on the...
- vue清空数组的几个方式(小结)
- vue中$refs、$emit、$on的使用场景
- vue router拦截器的简单使用
- Vue使用中遇到问题汇总(一)32个
- MAC在Chrome安装vue插件
- vue学习:使用tab标签页时,刷新页面停留在当前tab
- Vue的7种事件修饰符的使用
- Vue学习第15天——props配置项详解
- Vue表单基本操作-收集表单数据