Vue
文章平均质量分 54
Vue相关学习笔记
Tiny_G
If we desire, we can create the whole world
展开
-
Vue.插件
本质:包含install方法的一个对象,install的第一个参数是Vue,第二个以后的参数是插件使用者传递的数据。使用插件:Vue.use(导入的插件名)功能:用于增强Vue。原创 2022-12-30 13:05:42 · 103 阅读 · 0 评论 -
Vue.mixin混入
属性中以数组的方式声明,而当存在重叠的配置项时,会保留原本的配置项,其他的都跟原配置项一起混入形成新的配置项,注意:如果生命周期函数发生重叠,是都要执行,不以特定的组件为主!当两个或者多个组件存在相同的属性或方法时,将相同的特征提取出来写成一个。文件的内容是多个组件相同的部分,其内容跟组件的配置项的内容是一样的,但。局部混入:minxins:[‘XXX’]全局混入:Vue.mixin(xxx)文件里面的内容时,先在本组件中导入。文件的中是都相同的配置项。当某个组件需要使用的该。原创 2022-12-30 13:05:46 · 916 阅读 · 3 评论 -
day6.Vue组件
使用Vue.extend(options)创建,其中options和new Vue(options)时传入的那个options几乎一样,但也有点区别;区别如下:1.el不要写,为什么?—最终所有的组件都要经过一个vm的管理,由vm中的el决定服务哪个容器。2.data必须写成函数,为什么?——避免组件被复用时,数据存在引用关系。`备注`:使用template可以配置组件结构。原创 2022-09-28 21:59:37 · 319 阅读 · 0 评论 -
Vue指令总结
(1)局部指令new Vue({指令名:配置对象 } }) //或者 new Vue({指令名:回调函数 } })(2)全局指令Vue . directive('指令名' ,配置对象);//或者 Vue . directive('指令名' ,回调函数);原创 2022-09-14 23:25:37 · 148 阅读 · 0 评论 -
Vue.set方法
给学生对象添加一个nickname属性,默认值为男,按钮上有个addNickname方法。Vue.set:用于添加响应式的属性(有自己的getter和setter)target 往谁的身上追加属性。value:追加属性的属性值。key:追加的属性名。原创 2022-08-22 16:39:10 · 454 阅读 · 0 评论 -
Vue监视数据的原理
Vue.set给对象追加一个响应式的数据,不可以直接给data追加属性,只能给data内部的对象追加属性。给原来的data添加对应的getter、setter,使之变成响应式数据的操作称为数据劫持。使用这些API:push()、pop()、shift()、unshift()、splice()、sort()、reverse()Vue.set()和vm.$set()不能给vm或者vm的根对象数据(vm._data)添加属性! (1)给对象中的后面追加属性,Vue默认组做响应式处理。它们不会变更原始数组,而。原创 2022-08-25 17:28:17 · 463 阅读 · 0 评论 -
Ajax简介
Ajax,全称,简单来说就是异步的JS和XML;无需刷新来获取数据。Ajax是一种将现有标准组合在一起使用的新方式。XML,全称,被称为可拓展标记语言。XML被设计用来传输和存储数据。XML和HTML类似,不同的是HTML中都是预定义标签,而XML中没有预定义标签,全都是自定义标签,用来表示一些数据。比如说我有一个学生数据name="小明";age=18;gender="男";用XML表示...原创 2022-07-27 14:36:41 · 921 阅读 · 0 评论 -
day5.vue-cli
是一个脚手架,它集成了诸多前端技术,包括但不限于:这些工具,大部分都要依赖两个东西:注:Node.js 中文网 (nodejs.cn)打开终端,查看node和npm 版本,验证是否安装成功:配置源文件默认情况下,npm安装包会从国外的地址下载,速度很慢,还容易导致失败,因此需要先配置npm的源地址:运行命令行之后,查询是否源地址被更改:可以使用nrm命令快速进行,地址源切换:安装vue-cli使用下面的命令安装工具安装好之后,检查是否安装成功...原创 2022-07-06 15:44:01 · 131 阅读 · 0 评论 -
day4.组件概念
没有模块化:全局变量污染、难以管理依赖常见的模块化标准:CommonJS(Node.js带来的)、ES6 Module(官方)、AMD、CMD、UMD一个完整的网页是复杂的,如果将其作为一个整体来进行开发,将会遇到下面困难:因此,Vue.js推荐使用更加精细化的控制方案———组件化开发所谓组件化,就是把一个页面中区域功能细分,每一个区域成为一个组件,每个组件包涵:功能(JS代码)内容(HTML模板代码)样式(CSS代码)注:组件是根据一个普通的配置对象创建的,所有要开发一个组件,只需要一个配置对象即可。该配原创 2022-07-06 15:41:06 · 127 阅读 · 0 评论 -
day3.模板语法和计算属性
Vue中的元素内容使用mustache模板引擎进行mustache:GitHub - mustache/mustache: Logic-less Ruby templates.指令会影响元素的渲染行为,指令始终以开头基础指令:进阶指令:最重要的特殊属性:key该属性可以干预diff算法,在同一层级,key值相同的结点会进行比对,key值不同的节点则不会在循环生成的节点中,Vue建议强烈给予每个节点唯一且稳定的key值...原创 2022-07-06 15:34:31 · 134 阅读 · 0 评论 -
day2.注入与挂载
该过程称为注入的目的有两个:完成数据响应式Vue是怎么知道数据被更改了的?vue2.0是通过方法完成了数据响应式,Vue3.0是通过完成的数据响应式绑定this为了提高渲染效率,Vue会把模板编译成虚拟DOM树,然后再生成真实的DOM当数据更改时,将重新编译成虚拟DOM树,然后对前后两棵树进行比对,仅将差异部分反映到真实DOM,这样既可以最小程度改动真实DOM,提升页面效率减少新的虚拟DOM的生成保证前后DOM树对比之后,只有必要的节点发生变化Vue提供了多种生成虚拟DOM树:将生成的真实DOM树原创 2022-07-06 15:31:27 · 520 阅读 · 0 评论 -
day1.vue的介绍
官网:https://cn.vuejs.org/vue是前端的一种开发框架,它主要解决前端开发中的核心痛点――复杂的DOM操作完整的学习:vue: html + css、JavaScript、css3、HTML5、第三方库、网络通信、ES6+、webpack模块化、包管理器、css预编译器体验vue功能:html + css、JavaScript除了vue之外,还需要学习哪些前端知识?TypeScript、ThreeJs、webGL、ECharts、NodeJS、Egg、Redis 、Mongodb、S原创 2022-07-06 15:28:54 · 47 阅读 · 0 评论