- 博客(6)
- 收藏
- 关注
RSS订阅原创 vue 笔记6
vue 笔记六 v-model修饰符 1、v-model.trim 去掉输入框中的空格字符 <template> <div id="app"> <input type="text" v-model.trim="msg"> <button @click="look">查看</button> </div> </template> <script> export default { da
2021-10-19 21:44:12
196
1
原创 vue笔记5
反向传值（子向父传值$emit） $emit 一共有三个参数，第一个参数为自定义的事件，第二个参数为要传递给父组件的值，父组件在子组件标签上绑定自定义事件来接收子组件传递的数据 父组件里面绑定事件，子组件触发事件 一、 v-on:xx 方法传值 1、父组件中使用子组件时，在子组件身上绑定一个自己的更新事件，其中v-on:xx中的“xx”是自己定义的触发条件 <div id="app"> <h1>app---{{count}}</h1> <Box @cha
2021-10-18 20:33:47
470
原创 vue笔记4
组件传值问题 父向子传值时的props props 就是父组件给子组件标签上定义的属性，用来接收父组件传递的数据，props 的值可以是字符串数组，也可以是各自的名称和类型，用法和 data 中的数据用法一样，在子组件中只能使用该值，不能修改，不要和子组件data中属性重名 <div id="app"> <my-component :data='appStr'></my-component> </div> import V
2021-10-17 23:36:30
110
1
原创 vue笔记3
vue笔记3 过滤器 filters 基本语法：过滤器可以用在两个地方：双花括号插值和 v-bind 表达式 <div id="app"> <h1>{{money|showMoney}}</h1> <h2>{{msg|toupper}}</h2> <input type="text" :value="msg|toFirstupper"> </div> <script> ne
2021-10-14 20:55:14
224
3
原创 vue基础（二）
vue基础指令 1、 v-html 指令的作用 在设置元素的innerHTML 内容中有html结构会被解析为标签 v-text指令无论内容是什么,只会解析为文本 <div id="app"> <p v-html="content"></p> <p v-text="content"></p> <p v-pre>{{msg}}</p> <
2021-10-12 20:30:16
167
原创 vue基础
vue指令 1、 v-html 指令的作用 在设置元素的innerHTML 内容中有html结构会被解析为标签 v-text指令无论内容是什么,只会解析为文本 <div id="app"> <p v-html="content"></p> <p v-text="content"></p> <p v-pre>{{msg}}</p> <!-
2021-10-11 23:25:04
124
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人