![](https://img-blog.csdnimg.cn/20190918140037908.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue
文章平均质量分 50
Vue框架
优惠券已抵扣
余额抵扣
还需支付
¥19.90
¥99.00
购买须知?
本专栏为图文内容,最终完结不会低于15篇文章。
订阅专栏,享有专栏所有文章阅读权限。
本专栏为虚拟商品,基于网络商品和虚拟商品的性质和特征,专栏一经购买无正当理由不予退款,不支持升级,敬请谅解。
#秃头小牛
这个作者很懒,什么都没留下…
展开
-
v-if 和 v-show区别
原创 2021-09-16 14:53:20 · 73 阅读 · 0 评论 -
vue2的数据双向绑定实现原理
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>...原创 2021-09-08 23:21:52 · 81 阅读 · 0 评论 -
说一下你对http状态码的了解多少?
1,说一下你对http状态码的了解多少?答:1xx(临时响应)表示临时响应并需要请求者继续执行操作的状态代码2xx (成功)表示成功处理了请求的状态码。常见的2开头的状态码有:200 – 服务器成功返回网页3xx (重定向)表示要完成请求,需要进一步操作。 通常,这些状态代码用来重定向常见的3字开头的状态码有:301 (永久移动) 请求的网页已永久移动到新位置。 服务器返回此响应时,会自动将请求者转到新位置。302 (临时移动) 服务器目前从不同位...原创 2021-08-23 11:32:14 · 89 阅读 · 0 评论 -
对同步和异步的理解
说一下你对同步和异步的理解答:同步即sync,形象的说就是代码一行行执行,前面代码和请求没有执行完,后面的代码和请求就不会被执行,缺点:容易导致代码阻塞优点:程序员容易理解(因为代码从上往下一行行执行,强调顺序)异步:即async,形象的说就是代码可以在当前程序没有执行完,也可以执行后面的代码缺点:程序员不易理解(因为不是按顺序执行的)优点:可以解决代码阻塞问题,提升代码执行效率和性能异步解决方案主要有三个:回调函数 promise(重点掌握) generator(原创 2021-08-23 11:26:46 · 156 阅读 · 0 评论 -
跨域的解决方案目前有三种主流解决方案:
跨域是浏览器做出的限制,和后端没关系跨域解决方案,三种解决方法:是jsonpjsonp实现原理:主要是利用动态创建script标签请求后端接口地址,然后传递callback参数,后端接收callback,后端经过数据处理,返回callback函数调用的形式,callback中的参数就是json是代理(前端代理和后端代理)前端代理我在vue中主要是通过vue脚手架中的config中的index文件来配置的,其中有个proxyTable来配置跨域的是CORSCORS全称叫跨域资源共享,主要原创 2021-08-23 11:21:38 · 108 阅读 · 0 评论 -
vue组件 传值? Ref ?
6.1、概述组件(Component) 是 Vue.js 最强大的功能之一,它是html、css、js等的一个聚合体。组件化将一个具备完整功能的项目的一部分分割多处使用 加快项目的进度 可以进行项目的复用组件注册分为:全局组件和 局部组件6.2、全局注册组件Vue.component('Hello', {data (){return {msg: 'HelloWorld'}},render: h => h...原创 2021-08-22 23:23:11 · 90 阅读 · 0 评论 -
五、混入 - Mixins
混入 - Mixins混入(mixins)是一种分发Vue组件中可复用功能的非常灵活的方式。混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被混入该组件本身的选项。混入分为:全局和局部...原创 2021-08-22 21:43:09 · 135 阅读 · 0 评论 -
掌握vuex使用
学习目标:Vuex 是什么?官方文档:https://vuex.vuejs.org/zh/Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式,Vuex是实现组件全局状态(数据)管理的一种机制,可以方便的实现组件之间的数据共享。如果您不打算开发大型单页应用,使用Vuex 可能是繁琐冗余的。如果您的应用够简单,最好不要使用Vuex。使用Vuex管理数据优势:能够在vuex中集中管理共享的数据,便于开发和后期进行维护 能够高效的实现组件之间的数据共享...原创 2021-08-21 23:07:56 · 82 阅读 · 0 评论 -
vue-router 路由导航守卫
路由导航守卫全局导航守卫(里面又分为三个):前置守卫 解析守卫 后置守卫路由独享守卫:{path: '/home',component: () => import(/* webpackChunkName: "home" */ '@/views/Home'),// 路由独享守卫 -- 它是属性当前定义的路由所有beforeEnter: (to, from, next) => {console.lo...原创 2021-08-20 23:10:07 · 55 阅读 · 0 评论 -
Vue中的客户端路由( 使用 Vue-cli 创建vue项目并生成 Vue-router )
学习目标:掌握 vue-router两种安装方式:vue create +加项目名 创建项目时勾选上就可以了 npm 安装 npm i -S vue-router@3 后面建议加上3或这4 代表安装版本号vue create 创建项目:指令:第一步,手动配置第二步,选择要安装那些, 比如今天我们所说的 要安装 Router(路由)第三步, 选择 vue项目版本 虽然vue3已经出来...原创 2021-08-17 10:53:21 · 553 阅读 · 0 评论 -
购物车(自动全选 和 全不选)
原创 2021-08-14 20:43:15 · 225 阅读 · 0 评论 -
反选(原有选到的取消选择)
原创 2021-08-14 20:33:13 · 91 阅读 · 0 评论 -
Vue中的 watch:监听器
watch:监听器作用:监控(盯着)data中(路由不是data数据,但是也可以被监控)数据的变化,一旦检测到数据变化则会触发其特定的处理程序【对用户来讲主要是为了提高用户使用的体验】1.其类型也是一个对象2.语法:data中要监控的数据名:callback()3.需要注意,data中的数据字面量监听比较...原创 2021-08-10 19:02:59 · 81 阅读 · 0 评论 -
Vue常用属性
目录1、计算属性 - computed2、监听器 - watch3、综合案例:完善购物车4、自定义指令 - directive5、过滤器 - filter6、混入 - mixin7、生命周期8、虚拟DOM与diff算法9、双向数据绑定原理1、计算属性 - computed模板中放入太多的逻辑(方法)会让模板过重且难以维护,使用计算属性可以让模板变得简洁易于维护。计算属性是基于它们的响应式依赖进行缓存的,计算属性比较适合对多个变量或者对象进行处理后返回一个结果值原创 2021-08-02 23:44:46 · 220 阅读 · 0 评论 -
Vue 常用的指令
1、v-cloak作用:解决浏览器在加载页面时因存在时间差而产生的闪动问题原理:先隐藏元素挂载位置,处理好渲染后再显示最终的结果注意:需要与CSS规则一起使用文档地址:https://cn.vuejs.org/v2/api/#v-cloak示例:<style> [v-cloak] { display: none; }</style><div v-cloak> {{ message }}</div...原创 2021-08-02 23:42:06 · 122 阅读 · 0 评论 -
Vue入门
目录1、初始VueVue实例细节分析:小知识点:1、初始Vue vue在使用的时候分为两种情况: 情况1:非工程化的模式【前期】 - 代码写在“.html”文件中的 - 每个vue实例的得到都需要去new - 不依赖于脚手架工具 情况2:工程化的模式【后期】 - 代码写在“.v...原创 2021-08-02 16:20:08 · 60 阅读 · 0 评论 -
Vue概述??? Vue的开发模式???
目录1、Vue概述:2、Vue的开发模式1、Vue概述:作者:尤雨溪官网:https://cn.vuejs.orgVue.js是一套构构建用户界面的 渐进式 框架。声明式渲染和 组件系统,是vue的核心库 所包含的内容。渐进式:循环渐进,不需要掌握全部的知识点,学多少用多少 框架:半成品的应用(之前学习的 jQuery也是一个框架)特点:声明式渲染:(如同js基础一样,要使用变量则必须先声明变量,这种称为 声明式)Vue.js的核心是一个 允许采用简介的模板...原创 2021-08-02 14:55:39 · 413 阅读 · 0 评论 -
2、服务端接口开发 流程
什么叫路由 ? 是一个 url地址 与 一个函数的映射 地址就能 找到函数 让他执行, 在函数里面操作数据库 最后将数据库,操作结果进行响应,依据结果做出响应。result&&result.length>0result.length>0&&result&& 短路与的用法& 按位与的用法左边的一旦为 false 就不会执行右边的了, 为真 并且 大于 0find ...原创 2021-07-23 09:44:06 · 394 阅读 · 1 评论 -
路由守卫( 五个钩子)
导航首位(可以理解为,拦截,去到那个路由 就让它自动拦截一下)导航首位有 分为两类:全局守卫(回调函数): 前置守卫 router. beforeEach((to,from, next ) => { }router 代表调用里面是个 回调函数 带三个参数 to,from, nextto 表示你要去的路由对象fri...原创 2021-07-19 19:21:42 · 187 阅读 · 0 评论 -
什么是插槽
插槽 只有在 Vue 中才有以下介绍简单用法:运行结果:\这样做的好处:如果上面只写了 title=" " 只能加一些内容文字而, v-slot:title 自动改变样式这样的话,就渲染到了 对应 slot 上面了 slot就相当于占位符提供了这个组件,样式自己想怎么做 就怎么做title 还可以变为 变量具体应用 场景: 在 使用 Vant插槽简写:简写:...原创 2021-07-17 16:41:57 · 149 阅读 · 0 评论 -
编程式导航go函数 (下)
原创 2021-07-16 16:49:52 · 63 阅读 · 0 评论 -
Vue核心,生命周期钩子函数
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script src="js/vue.js" type="text/javascript" charset="utf-8"></script> </head> <body> <div id="app"> {.原创 2021-07-13 19:42:09 · 68 阅读 · 0 评论 -
初始化项目
node.js 初始化项目 (如何初始化? 介绍两个方法)第一个方法:输入以上 红框内指令,按回车,回车一步下一步, 在目录文件夹下 会出现一个 package.json文件配置的信息第二个方法:输入指令: npm init -y表示一键创建, 全部按照 默认创建出来, 下图...原创 2021-06-28 19:31:20 · 175 阅读 · 1 评论 -
Vue 自定义指令,钩子函数(适合初学者)
在前面 加一个 v- 为前缀 后面是跟指令名称除了核心功能默认内置的指令 (v-model和v-show),Vue 也允许注册自定义指令。注意,在 Vue2.0 中,代码复用和抽象的主要形式是组件。然而,有的情况下,你仍然需要对普通 DOM 元素进行底层操作,这时候就会用到自定义指令。自定定义指令 提供了 五个钩子函数 (什么是钩子函数? 就是到一定的时期会自动执行)先说两类钩子函数:第一类 自定义指令的钩子钩子函数 (自定义指令 ) bind ...原创 2021-07-13 19:20:19 · 2957 阅读 · 0 评论