- 博客(11)
- 收藏
- 关注
RSS订阅原创 vue日记9（The end）
vue笔记921.Vuexvuex是一个专为Vue.js应用程序开发的状态管理模式。它借鉴了redux，采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex的特点：能够在vuex中集中管理共享的数据，易于开发和后期维护能够高效地实现组件之间的数据共享, 提高开发效率存储在 vuex中的数据都是响应式的，能够实时保持数据与页面的同步一般情况下，只有组件之间共享的数据，才有必要存储到vuex中;对于组件中的私有数据，依旧存储在组件自身
2021-10-25 20:20:05
191
原创 vue日记（待续...）
vue笔记810.路由守卫路由的钩子函数称为路由守卫。分为全局守卫、路由独享守卫、组件内部生命周期守卫。全局守卫：全局前置钩子：router.beforeEach(to,from,next),------前端鉴权全局解析钩子：router.beforeResolve(to,from,next)全局后置钩子：router.afterEach(to,from)路由独享的守卫beforeEnter(to,from,next)组件内部的生命周期守卫beforeRouteLeave
2021-10-22 20:25:08
187
原创 网络基础与promise（更新）
网络基础网络1.从用户输入网址到页面渲染，这个流程发生了什么？输入网址，按下回车，浏览器进行网络请求首先浏览器对输入的网址进行DNS解析，通过域名查询到具体的IP。进行TCP三次握手建立连接TLS握手（TLS握手是HTTPS协议的流程，通过TLS握手，客户端和服务器确认使用的加密算法以及会话密钥）浏览器获取到HTML文件浏览器开始解析HTML文件在浏览器解析文件的过程中，遇到网络请求（如src，link等）会再次发起网络请求解析成功后会先根据HTML代码构建DOM树，根据CSS
2021-10-21 21:45:09
602
原创 网络基础与promise
网络基础网络1.从用户输入网址到页面渲染，这个流程发生了什么？输入网址，按下回车，浏览器进行网络请求首先浏览器对输入的网址进行DNS解析，通过域名查询到具体的IP。进行TCP三次握手建立连接TLS握手（TLS握手是HTTPS协议的流程，通过TLS握手，客户端和服务器确认使用的加密算法以及会话密钥）浏览器获取到HTML文件浏览器开始解析HTML文件在浏览器解析文件的过程中，遇到网络请求（如src，link等）会再次发起网络请求解析成功后会先根据HTML代码构建DOM树，根据CSS
2021-10-20 23:10:48
229
原创 vue笔记7 （待续...）
vue笔记716.动态组件页面中的某个地方，在不同的组件之间进行动态切换，除了使用条件渲染（v-if/v-show）还能使用动态组件来实现。vue提供了component标签来实现；在component标签的is属性的属性名决定在当前位置使用哪个组件来进行渲染。<component is="Box"></component> ==><Box></Box>可以给is属性绑定data中的变量，通过改变该变量的值，来达到切换不同组件的目的：<
2021-10-19 22:32:45
243
1
原创 vue日记（六）（待续...）
vue笔记615.组件传值父组件向子组件传值：props父组件可以在调用子组件时，在标签上绑定属性，子组件在自身的props中注册该属性之后，就能将该属性作为数据使用。注意点：属性的用法和data中的数据用法一样，在子组件中只能使用该属性的值，不能进行修改（即使在子组件中修改了该属性的值，重新渲染时，依旧会被父组件传入的属性值重新覆盖），该属性名不要和data中的属性重名，否则会被data 中的属性覆盖。//父组件<template> <div id="app"&g
2021-10-18 18:20:27
134
2
原创 vue日记（待续...）
单文件组件引入:@1官方脚手架 @2挂载vm对象 @3组件引入并渲染到vm中单文件组件是单独写在.vue文件中的组件，每个.vue文件就是一个独立完整的组件，可以供别的组件引入注册使用.webpack有专门的vue加载器，能够识别vue文件，将其打包到项目中。引入文件的路径：一般使用相对路径，也可以使用"@"符号表示入口根文件目录，即src文件夹。<div id="app"> <nav1 son-proprety="子组件使用时属性传进去的值"></nav1>
2021-10-17 21:53:53
159
1
原创 vue笔记4...（待续...）
vue笔记412.自定义指令v-if、v-show等是vue默认设置的核心指令，除此之外，vue也允许注册自定义指令。自定义指令一般用在需要对纯DOM元素进行底层操作的情况。自定义指令的注册类似于组件的注册，包括全局指令和局部指令两种。1.全局指令//注册一个全局指令 v-focus//在实例化对象Vue外部，调用Vue的构造方法Vue.directive('focus',{ inserted:function(el){ //inserted是钩子函数，表示该指令在绑定的元素被插
2021-10-14 21:39:22
99
原创 vue笔记3（待续...）
vue笔记39.过滤器过滤器用于对数据展示之前进行处理过滤器语法：<div id='app'> <h1>{{money|showMoney}}</h1> // money是data中的变量，但是用过滤器后会作为变量传入过滤器方法，showMoney是过滤器filters的方法，在该方法中可以对传入的参数进行一定的处理，页面显示的值是该方法返回的值。 </div> <script> new Vue({ el
2021-10-13 20:29:29
102
原创 vue笔记（二）（未完待续...）
vue笔记（二）4.两种数据绑定数据驱动：当数据发生变化的时候，用户的界面发生相应的变化，开发者不需要手动去修改dom，vue框架会自动的根据数据渲染页面。这也是声明式渲染的概念。1.响应式数据只能由代码改变UI或者只能由UI改变代码，其核心原理是数据劫持对响应式的理解：核心原理是数据劫持，即通过object.defineProperty，vue在初始化数据时，会传入一个data对象，内部会默认对data对象进行遍历，使用object.defineProperty将这些属性全部转换为gette
2021-10-12 20:18:40
211
原创 vue笔记
vue笔记整理（一）…未完待续1.vue开发环境搭建cdn方式：直接在页面中引入vue的cdn； <script src="https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/vue/2.6.14/vue.js"></script>本地加载vue源代码：在项目中建立vue.js文件，复制vue源代码，导出使用import Vue from './vue.js'new Vue({ el: "#app",
2021-10-11 22:23:14
248
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人