- 博客(12)
- 收藏
- 关注
RSS订阅原创 ref引用
vue优势：mvvm 在vue中，程序员不需要操作dom。只要把数据维护好就行。ref用来辅助开发者在不依赖于jQuery的情况下，获取dom元素或组件引用。$nextTick(cb)会把cb回调函数放在下一个dom更新后执行。获取组件引用，把子组件中right.vue里的count的值改成0。在每个vue组件实例上都包含一个$refs对象。不可以用updated。
2023-04-18 16:42:53
87
原创 组件之间的数据共享
2在数据发送方，调用bus.$emit('事件名称’，要发送的数据）方法触发自定义事件。3在数据接受方，调用bus.$on('事件名称’，事件处理函数）方法注册自定义事件。1创建eventBus.js模块，并向外共享一个Vue的实例对象。兄弟组件之间数据共享的方案是EventBus。
2023-04-17 23:33:55
95
原创 组件的生命周期
组件的生命周期：生命周期是指一个组件从创建运行到销毁的整个阶段,强调的是一个时间段。生命周期函数：是由vue框架提供的内置函数，会伴随着组件的生命周期，自动按次序执行。第一阶段.组件创建阶段：第二阶段.组件运行阶段第三阶段.组件销毁阶段。
2023-04-17 18:06:33
295
原创 vue-cli介绍与安装
components文件夹：程序员封装的，可复用的组件，都要放到components目录下。assets文件夹：存放项目中用到的静态资源文件，例如：css样式表，图片资源。vue中规定：组件的后缀名是.vue。app.vue便是vue的一个组件。script,组件中的data必须是个函数，属性包含在return中。vue-cli是vue.js开发工具，帮助程序员配置webpack。创建成功后，选择配置，最后创建出demo-first文件。vue是一个支持组件化开发的前端框架。app.vue是项目的跟组件。
2023-04-14 20:36:44
145
原创 vue中的计算属性
2.特点：定义的时候，要被定义为方法，在使用计算属性的时候，当普通的属性用即可。上述代码可以通过改变r,g,b的值来控制方块的颜色，通过按钮来输出rgb的值。1 定义：通过一系列的运算后，最终得到一个属性值。3.在computed中定义。
2023-04-14 17:16:33
115
原创 vue中侦听器的使用
深度侦听：如果watch侦听的是一个对象，如果对象属性值发生了变化，则无法被监听到。此时需要使用deep选项。进入页面不会立马监听，但如果侦听的是一个对象，对象中的属性发生变化不会被侦听到】d进入页面会立马监听，可以通过deep选项，让侦听器深度侦听每一个属性。为了便捷，一般直接用方法格式。
2023-04-13 21:44:20
219
原创 eventloop事件循环
异步任务(耗时任务，异步任务由JavaScript委托给宿主环境进行执行。当异步任务完成后，会通知JavaScript主线程执行异步任务的回调函数)JavaScript主线程从任务队列中调取异步任务的回调函数，并将其放在执行栈中，这个过程是循环不断的，所以被称为事件循环。同步任务(非耗时任务，指的是在主线程上排队执行的任务，只有前一个任务执行完毕，才能执行后一个任务)异步任务：因为定时器只有0秒，所以在执行异步任务时，定时器所在的异步任务先执行，先输出c再输出b。同步任务：输出a，d。
2023-04-09 22:43:49
46
1
原创 promise回调函数
开始学习promise回调函数之前先要了解几个概念：es6中promise概念的引入是为了解决回调地狱的问题。回调地狱：多层回调函数的多层嵌套，就形成回调地狱。其缺点是：难以维护，代码的可读性变差那么如何解决回调地狱问题？这就引入了promise回调函数。
2023-04-09 21:37:06
668
原创 es6模块化
es6模块化是浏览器与服务端通用的模块化开发规范，导入 其他模块成员使用import关键字，向外共享模块成员使用export关键字。默认导入语法：import 接收名称 from "模块标识符"默认导入时的接收名称可以是任意名称，不能以数字开头，合法即可。按需导入的语法：import {s1} from "模块标识符。按需导入的成员名称必须要和按需导出的名称一致。按需导出的语法，export按需导出的成员。注意：每个模块中可以多次按需导出。按需导入可以和默认导入一起使用。直接导入并执行模块中的代码。
2023-04-09 11:38:34
103
原创 vue基础学习
2.获取用户输入v-model。data是数据对象，格式是 data:{ }，数据对象中可以是字符串元素，数据元素也可以是数组，对象。,可以解析出data数据对象中的html结构，将a标签解析出来，这是v-text所无法实现的。v-if和v-show类似，不同的是v-if的本质是操纵dom元素来切换显示状态。v-on:在程序中，格式v-on:事件名="方法"，v-on:可以直接用@替代。利用上面的v-text,v-html,v-on来编写计数器。--生产环境版本，优化了版本的尺寸和速度-->
2023-04-09 09:39:33
67
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人