![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
文章平均质量分 56
海也是风
岁月平添了我的愁
展开
-
Vue的Strorage本地化存储
Storage本地化存储存储优点:空间更大:cookie为4kb,storage为5mb节省网络流量:不会发送数据到服务器,直接存储在本地快速显示:存储在本地的数据+浏览器本地的缓存,比从服务器获取数据快得多localStorage会永久存储会话数据,除非手动删除或者removeItem在所有的同源的窗口中存储的数据是共享的只能存储字符串类型的数据,复杂的对象数据必须借助JSON的stringfy和parse处理sessionStorage在一个会话期内,存储会话原创 2021-03-25 20:27:34 · 310 阅读 · 0 评论 -
Vue的Dom树的理解
Dom树浏览器收到一个html页面是如何解析成页面呈现给用户浏览器使用html解析器解析html,解析后构建dom树,也可能是边解析边沟检查css解析器解析css生成样式表构建render树(渲染树、呈现树),也就是解析生成样式表将样式应用到dom节点上布局,通过计算将每一个dom节点精确呈现在屏幕上的相应位置绘制render树在屏幕上为什么操作真实DOM的成本比较高?dom 树的实现模块和 js 模块是分开的这些跨模块的通讯增加了成本dom 操作引起的浏览器的重排和重绘,使原创 2021-03-25 20:26:50 · 572 阅读 · 0 评论 -
Vue中filter的使用
filter的使用 过滤就是一个数据经过了这个过滤之后出来另一样东西,可以是从中取得你想要的,或者给那个数据添加点什么装饰,那么过滤器则是过滤的工具。|:符号左边的值传给符号右边的函数作为参数进行执行<template> <div> {{qqq | filterA | filterB}} </div></template><script>export default { name: "cpna",原创 2021-03-25 20:26:12 · 135 阅读 · 0 评论 -
Vue中mixin混合的使用
mixin混合的使用mixin一般是在多个组件含有相同代码的部分时使用,将公共部分写入mixin混合器中,然后混合到不同的组件中。export const mixin={ methods:{ add(){ this.qqq++; } }}<template> <div> <button @click="add">+</button> {{qqq}} <原创 2021-03-25 20:25:35 · 145 阅读 · 0 评论 -
Vue中watch监听器的使用
watch监听的使用方式1:以监听的属性为函数名,可以有两个参数,分别为属性新值、旧值。message(){ this.message=this.value;},方式2:监听属性,当属性改变时,调用其内部的监听函数:city:{ handler(){ this.city.address=this.city.name; }, deep: true}设置deep为true,可以监听到监听对象内部的所有属性...原创 2021-03-25 20:24:55 · 121 阅读 · 0 评论 -
Vue中axios的使用
axios1. axios框架的基本使用安装并导入import Vue from 'vue'import App from './App.vue'import store from './store'import axios from 'axios'Vue.config.productionTip = falsenew Vue({ store, render: h => h(App)}).$mount('#app')axios({ url: 'http原创 2021-03-25 20:24:13 · 99 阅读 · 0 评论 -
Vue中Vuex的使用
Vuex1. 单界面到多界面状态管理切换<template> <div> <h2>{{$store.state.counter}}</h2> </div></template><script>export default { name: "HelloVuex",}</script><style scoped></style>2原创 2021-03-25 20:20:30 · 418 阅读 · 0 评论 -
Vue的脚手架开发详细笔记
脚手架开发1. Vue脚手架的介绍和安装2. CI3项目初始化过程3. CLI3配置文件的查看和修改通过命令 vue ui 可以通过可视化界面进行配置的修改通过在src文件下定义:vue.config.js4. 箭头函数的使用和this指向<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Tit原创 2021-03-22 10:26:08 · 201 阅读 · 0 评论 -
Vue的组件化开发详细笔记
组件化开发1. 组件化的实现和使用步骤2. 组件化的基本使用过程<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="app"> <my-cpn></my-cpn><原创 2021-03-18 14:25:02 · 113 阅读 · 0 评论 -
Vue的MVVM架构及语法超详细笔记
MVVM架构及Vue语法1. MVVM架构2. Vue语法2.1 动态绑定v-bind2.1.1 基本使用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="app"> <img v-bin原创 2021-03-18 14:15:32 · 304 阅读 · 0 评论