- 博客(5)
- 收藏
- 关注
原创 Vue基础知识(五)
一 丶组件化传值 1 丶组件的嵌套 在单页面应用中,组件都会被拆分到独立的vue文件中,组件的嵌套其实就是组件的引入与使用 父组件中在使用时需要引入子组件 import children from "子组件所在路径" 组件嵌套的特点: ① : 父组件 ...
2022-02-27 21:56:32
198
原创 Vue基础知识(四) : 组件
一 丶组件 (1) 组件的概念 : 组件是Vue中公共的模块,可以在不同页面进行重复利用,提高代码的复用率 (2) 组件的声明 : 组件可以分为全局组件和局部组件 全局组件的声明 : 全局组件声明在Vue实例之前,在所有Vue实例挂载的区域内都能使用 Vue.component("MyName", { template: "<h2>全局组件</h2>", data() { ret...
2022-02-22 21:30:50
121
原创 Vue基础知识(三)
一 丶声明周期 (1) 生命周期的概念 概念 : 在前端页面中,生命周期一般用来描述一个组件从创建到销毁的过程,一般组件会经过 (加载 → 渲染 ←→ 更新页面 → 卸载 → 销毁 ) 这几个阶段 目的 : 如何有效的利用Vue中的组件/对象,从而达到提高程序的效率与性能 (2) 生命周期的三大阶段 在Vue中将组件从创建到销毁的过程分为的三个阶段 : 创建阶段 运行阶段 销毁阶段 , 并且内置了函数用来监控各个阶段并进行事件处理 创建阶段 : 一个页面试图组件加载到内存 , 开始构建数据对象
2022-02-21 22:27:04
127
原创 Vue基础知识(二) : 事件绑定
一 丶事件绑定指令,v-on 基本语法 : v-on:事件名称 可优化为 : @事件名称 代码演示 : <!-- vue中的事件绑定使用的是 v-on --> <!-- 语法 v-on:事件名称 ,也可以优化成 @事件名称 --> <div id="app"> <!-- 分别给h1与div添加点击事件 --> <h1 v-on:click="say">点击事件</h1>
2022-02-19 16:44:13
1418
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人