摘要：
你可以用v-model指令在表单<input>、<textarea>及<select>元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇，但v-model本质上不过是语法糖。她负责监听用户的输入事件来更新数据，并在某种极端场景下进行一些特殊处理。 <input v-m 阅读全文
posted @ 2025-02-12 20:32
张筱菓
阅读(13)
评论(0)
推荐(0)
摘要：
1、监听事件：(添加事件) 我们可以使用 v-on指令（通常缩写为@符号）来监听DOM事件，并在触发事件执行一些JavaScript。用法为v-on:click="methodName"或使用快捷方式@click="methodName" <button @click="counter +=1">A 阅读全文
posted @ 2025-02-12 20:30
张筱菓
阅读(12)
评论(0)
推荐(0)
摘要：
1、用 v-for 把一个数组映射为一组元素 我们可以用 v-for 指令基于一个数组来渲染一个列表。v-for 指令需要使用 item in items 形式的特殊语法，其中items是源数据数组，而item则是被迭代的数组元素的别名。 <ul> <li v-for="item in items" 阅读全文
posted @ 2025-02-12 18:53
张筱菓
阅读(14)
评论(0)
推荐(0)
摘要：
1、v-if v-if指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回true值的时候被渲染。 <p v-if="flag">我是孙猴子</p> data(){ return{ flag:true } } 2、v-else 你可以使用 v-else 指令来表示 v-if 的"else块" 阅读全文
posted @ 2025-02-12 15:42
张筱菓
阅读(9)
评论(0)
推荐(0)
摘要：
Ctrl+j ：隐藏终端 assets：存放静态资源（eg：公共的CSS文件，项目当中所用的图片文件等） components：公共组件 App.vue:主入口的组件，根组件 main.js:主入口文件 registerServiceWorker.js:监听文件 template:就是写html的 阅读全文
posted @ 2025-02-12 14:10
张筱菓
阅读(16)
评论(0)
推荐(0)
摘要：
1、安装Vue工具 Vue CLI http://vuejs.org 官网 http://cn.vuejs.org 中文版官网 cli.vuejs.org Vue3最新版网址 Vue CLI Vue.js开发的标准工具，Vue CLI是一个基于Vue.进行快速开发的完整体系 npm install 阅读全文
posted @ 2025-02-12 11:43
张筱菓
阅读(18)
评论(0)
推荐(0)
浙公网安备 33010602011771号