Vue
文章平均质量分 77
好好学习 天天向上
木子木木的专栏
努力学习 天天向上。。。
展开
-
带你复习vue中那些关于组件的基础知识
一,什么是组件:1, 扩展HTML元素,封装可重用的代码如下图,左侧是一个页面 被拆分成小的区块,每个区块对应一个组件,组件可以嵌套,最终组合成完成页面.png2, 组件设计原则页面上每个独立的可视/可交互区域视为一个组件每个组件对应一个工程目录,组件所需要的各种资源在这个目录下就近维护页面不过是组件的容器,组件可以嵌套自由组合形成完整的页面如下示例:把组件拆分成根组件和两个子组件: const app = Vue.createApp({ t..原创 2021-04-26 20:57:03 · 295 阅读 · 0 评论 -
VUE3中 v-for指令用法,列表循环
一,v-for指令简介:v-for指令需要以 itemin list形式的特殊语法,list是源数据数组, item是数据组元素迭代的别名可以使用v-for指令对数组进行循环,示例如下: const app = Vue.createApp({ data() { return { list:['haha','doms','呵呵'] } }, te...原创 2021-04-15 18:08:49 · 21641 阅读 · 0 评论 -
vue3生命周期及生命周期函数(钩子函数)详解通俗易懂
一,什么是生命周期: Vue实例从创建到销毁的过程,就是生命周期。就是vue实例从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、卸载等一系列过程,在vue生命周期中提供了一系列的生命周期函数,如下图所示:二,生命周期函数:在某一时刻会自动执行的函数1,beforeCreate: 在vue实例生成前,初始化后 会自动执行的函数(此时vue实例并未完全创建出来)2,created: 在vue实例创建完成之后会自动执行的函数(vue实...原创 2021-04-13 17:15:28 · 10723 阅读 · 4 评论 -
Vue基础之表单应用
一,可以用 v-model 指令在表单控件元素上创建双向数据绑定 案例1: <div id="app"> <p>input 元素:</p> <input v-model = "message" placeholder="编辑……"> <p >消息是: {{message}}</p> <p>textarea 元素:<..原创 2020-08-18 17:58:55 · 245 阅读 · 0 评论 -
Vue.js 基本概念及基础语法用法一
一,MVVM框架简介: 1,基本概念: MVVM框架主要包括三个部分,View(视图 DOM) ViewModel(通讯 链接视图和数据的中间件) Model (数据 JavaScipt对象) 当数据发生变化 ViewMdel 能够观察到数据这种变化,通知到对应的视图做自动更新,当用户操作视图,ViewModel也能监听到视图的变化,然后通知数据做改动,实现了数据的双向绑定; 2,应用场景: ...原创 2020-08-07 19:38:09 · 365 阅读 · 0 评论