摘要: 一、Vue3.x中的双向数据绑定实现人员登记系统 二、Vue3.x Dom操作 1、第一种方法 原生js <template> <h2>人员登记系统</h2> <div class="people_list"> <ul> <li>姓名: <input type="text" id="username 阅读全文
posted @ 2021-02-07 22:52 孤夏 阅读(461) 评论(0) 推荐(0) 编辑
摘要: 一、Vue3.x监听事件 vue中监听事件可以使用v-on:click或者 @click ,@click 为v-on:click的简写,例如: data() { return { counter: 1 } } template模板: div id="basic-event"> <button @cl 阅读全文
posted @ 2021-02-07 20:29 孤夏 阅读(3142) 评论(0) 推荐(0) 编辑
摘要: 一、Vue3.x中的事件方法入门 业务逻辑: export default { data() { return { num: 1, msg: "你好vue", }; }, methods: { setMsg() { this.msg = "我是方法里改变后的msg"; }, getMsg() { a 阅读全文
posted @ 2021-02-07 20:27 孤夏 阅读(388) 评论(0) 推荐(0) 编辑
摘要: 1.1、Vue3绑定数据 业务逻辑: export default { name: "App", data() { return { msg: "你好vue", userinfo: { username: "张三", age: 20 } }; }, }; template模板: <template> 阅读全文
posted @ 2021-02-07 20:25 孤夏 阅读(1306) 评论(0) 推荐(0) 编辑
摘要: 一、Vue介绍 Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。目前最新版本是Vue3.x。 Vue3.x发布于2020年9 阅读全文
posted @ 2021-02-07 20:13 孤夏 阅读(631) 评论(0) 推荐(0) 编辑