- 博客(6)
- 收藏
- 关注
原创 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 163 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 350
原创 vue笔记4
组件传值问题父向子传值时的propsprops 就是父组件给子组件标签上定义的属性,用来接收父组件传递的数据,props 的值可以是字符串数组,也可以是各自的名称和类型,用法和 data 中的数据用法一样,在子组件中只能使用该值,不能修改,不要和子组件data中属性重名 <div id="app"> <my-component :data='appStr'></my-component> </div>import V
2021-10-17 23:36:30 89 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 194 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 128
原创 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 93 2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人