
vue
文章平均质量分 64
立志成为大佬的前端小白
这个作者很懒,什么都没留下…
展开
-
使用vue中遇到的一些问题以及解决方案
1.路由的重定向重复路由- 报promise uncaught异常解决方案:// 该段代码不需要记,理解即可//在vue - router在3.1.0版本之后,push和replace方法会返回一个promise对象,如果跳转到相同的路由,// 就报promise uncaught异常const originalPush = VueRouter.prototype.push;VueRouter.prototype.push = function push(location) { r原创 2022-02-19 11:46:27 · 3780 阅读 · 1 评论 -
初识vuex
vuex是什么?vuex是一个转为vue.js应用程序开发的状态管理模式+库。采用集中式存储管理应用的所有组件的状态,并以响应的规则保证状态以一种可预测的方式发生变化。状态管理模式是什么?这个状态自管理应用已包含三个部分:状态:驱动应用的数据源 视图:以声明方式将状态映射到视图 操作:响应在视图上的用户输入导致的状态变化但是,当我们的应用遇到多个组件共享状态时,单向数据流的简洁性很容易被破坏:多个使用依赖同一状态 来自不同视图的行为需要变更同一状态 ...原创 2022-02-13 22:50:00 · 540 阅读 · 0 评论 -
vue路由的导航守卫
概念在实现路由跳转之前往往需要有一定的判断和操作在跳转,这时就可以用到导航守卫注意:参数或查询的改变并不会触发进入/离开的导航守卫,可以通过观察$route对象应对这些变化,或使用beforeRouteUpdate的组件来守卫分类一、全局前置守卫router.beforeEach// 在路由配置文件中注册一个全局前置守卫(router.beforeEach)函数router.beforeEach(( to , from , next )=>{ // to : 将要原创 2022-02-12 10:33:03 · 1559 阅读 · 0 评论 -
vue路由以及使用vue-router步骤
vue-router使用步骤:1.下载对应路由vue-router的3版本 (默认下载是4版本,4针对vue3,这里要下载3版本针对vue2)npm i vue-router@32.在main.js文件中导入对应的vue-routerimport VueRouter from 'vur-router'3.在main.js中使用vue-routerVue.use(VueRouter)4.引入对应的页面组件,并配置对应的路由规则// 引入对应页面组件import 组件名原创 2022-02-10 21:28:14 · 1745 阅读 · 1 评论 -
vue网络请求
一、fetch全局请求 不需要引入直接使用即可,浏览器内置的支持 get 和 post 请求 ,默认get语法:fetch(url).then(res=>{return res.json()}).then(res=>{res是数据})注:第一个then的res需要使用json方式处理成promise对象举例:<div id="root"> <p>{{msg}}</p></div><原创 2022-02-08 20:41:26 · 1146 阅读 · 0 评论 -
vue组件间通信
一、父传子1.利用props传值步骤:在子组件设置自定义属性,将要传的数据作为属性值 在子组件中设置props:['属性名','属性名',....],接收父组件传过来的数据,props可以接受多个 在子组件中就可以直接用数据了注:props可以是数组也可以对象,数组更常用对象形式:props:{属性名:{ default: 默认值, ...原创 2022-02-08 20:20:06 · 568 阅读 · 0 评论 -
组件插槽 -匿名插槽,具名插槽,作用域插槽
组件插槽插槽也是组件之间传值的一种方式含义:子组件上位,父组件给位置上放上具体的数据也就是说,插槽其实就是父组件给子组件传递数据的一种方式,这里所说的插槽指的是匿名插槽和具名插槽匿名插槽 - 没有名字的插槽1. 子组件中使用slot标签占位2. 父组件给子组件的自定义标签中放入数据子组件在自己的模板中,使用slot标签进行占位,父组件给子组件那个自定义标签中加入内容,自动会解析在slot标签内部具名插槽 - 有名字的插槽在子组件中只有一个站占好的位置,那父组件存放数据时,原创 2022-01-07 09:39:39 · 721 阅读 · 0 评论 -
vue的页面指令和过滤器 详解
页面指令v-text / v-html :指定标签体 v-text :当做纯文本 v-htm :将value作为HTML标签来解析v-if v-else v-show: v-if :如果value为true,当前标签就会输出在页面 v-else :与 v-if 搭配使用,如果value为false,将当前标签输出到页面 v-show :在标签中添加display样式,如果当前标签value为true,displ...原创 2021-12-18 21:55:29 · 539 阅读 · 0 评论 -
vue的生命周期钩子 - 钩子函数:10个
介绍生命周期: 1. 又名:生命周期回调函数,生命周期函数,生命周期钩子 2. 是什么:vue在关键时刻帮我们调用的一些特殊名称的函数 3. 生命周期函数的名字不可更改,但函数的具体内容是程序员根据需求编号的 4. 生命周期中的this指向是vm 或组件实例对象vm的生命周期:将要创建 ===> 调用beforeCreate函数 - 创建的是数据监测和数据创建完毕 ===...原创 2021-12-18 21:22:32 · 593 阅读 · 0 评论 -
初始vue概念,vue的使用
1. Vue是什么? 1). 由一位华裔前Google工程师开发的前端 MVVM js库 2). Vue(读音 /vjuː/, 类似于 view)是一个构建数据驱动的web界面的库。 3). Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。 4). 与angular.js类似的是声明式开发,但性能高于angular,体积又小很多 5). 它本身不是全能框架, 只关注UI, 如果需要router/ajax, 可以使用对应插件或使用别的库来实现 6)....原创 2021-12-18 21:06:48 · 191 阅读 · 0 评论