Vue2
林之.
这个作者很懒,什么都没留下…
展开
-
解决vue项目中搜索框多次点击产生的报错——重写push和replace
解决vue项目中搜索框多次点击产生的报错——重写push和replacevue-router.esm.js?ac56:2065 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: “/search?k=ASD”.如上报错解决办法:在路由index.js中重写push或者replace如下://为解决多次点击搜索按钮产生的报错需要重写push或replace方法//原创 2021-12-21 15:59:23 · 882 阅读 · 1 评论 -
vue实战项目(每日更新打卡)
vue-cli初始化项目及介绍初始化脚手架1.1 说明Vue 脚手架是 Vue 官方提供的标准化开发工具(开发平台)。最新的版本是 4.x。文档: https://cli.vuejs.org/zh/。1.2 具体步骤第一步(仅第一次执行):全局安装@vue/cli。npm install -g @vue/cli第二步:切换到你要创建项目的目录,然后使用命令创建项目vue create xxxx第三步:启动项目npm run serve备注:如出现下载缓慢请配置 npm 淘宝镜原创 2021-12-20 10:39:20 · 7509 阅读 · 0 评论 -
Vue UI 组件库记录 常见
Vue UI 组件库(一)移动端常用 UI 组件库Vant https://youzan.github.io/vantCube UI https://didi.github.io/cube-uiMint UI http://mint-ui.github.io(二)7.2 PC 端常用 UI 组件库4. Element UI https://element.eleme.cn5. IView UI https://www.iviewui.coElementUI组件的全部引原创 2021-12-19 21:50:45 · 105 阅读 · 0 评论 -
Vue之路由route技术
一、路由的基本使用1、安装vue-router,命令:npm i vue-router2、应用插件:Vue.use(VueRouter)3、编写router配置项://该文件专门用于创建整个应用的路由器import VueRouter from 'vue-router'//引入组件import About from '../components/About'import Home from '../components/Home'//创建并暴露一个路由器export default原创 2021-12-18 21:44:19 · 568 阅读 · 2 评论 -
vuex学习笔记(持续更新中)
5.1理解vuex5.1.1vuex是什么概念:专门在Vue中实现集中式状态(数据)管理的一个Vue插件,对vue应用中多个组件的共享状态进行集中式的管理(就是 读/写),也是一种组件间通信方式,且适用于任意组件间的通信Github 地址:https://github.com/vuejs/vuex5.1.2什么时候使用Vuex1)、多个组件依赖于同意状态来自不同组件的行为需要变更同一状态actions mutations state 都是对象数据类型这三个数据都是经过store领导原创 2021-11-27 21:19:44 · 572 阅读 · 0 评论 -
vue中作用域插槽
vue中作用域插槽理解:数据在组件的自身但根据数据生成的结构需要组件的使用者来决定:代码:- Category.vue(子组件中)<template> <div class="category"> <h3>{{ title }}分类</h3> <!-- 定义一个默认插槽,那么App.vue中相应的组件标签里标签体的内容会往这个插槽中放置 --> <slot :game="games"&原创 2021-11-26 17:47:13 · 356 阅读 · 0 评论 -
vue具名插槽
vue具名插槽1、 具名插槽就是给每一个插槽增加了一个name属性让每一个插槽都有自己的名字,这样方便,父组件中的配置按照相应的地方插入(插中间的插中间,插下面的插下面)1)、App.vue代码:<template> <div class="container"> <Category title="美食"> <img slot="center" src="D:\gr信息\图集\2.jpg" alt="1" /> <原创 2021-11-26 17:11:43 · 679 阅读 · 0 评论 -
vue默认插槽
默认插槽的理解:就是利用 完全标签() 在它完全标签里写相应的配置(比如:我们需要的功能)然后利用 默认插槽这个标签 把写好的会放到这个插槽里去(这个插槽一般式存在于子组件的,所以就可以把父组件写好的东西给子组件了)关于写在完全标签里的配置的样式我们既可以写在父组件又可以写在子组件中(因为,1、样式写在父组件时候,样式已经被渲染好了然后放入子组件;2、样式写在子组件时,把配置放入插槽,而插槽所在子组件有css样式会给我们的配置渲染的)2)、代码片段①Category.vue&l原创 2021-11-26 12:53:57 · 1521 阅读 · 1 评论 -
vue写一个github搜索案例
vue写一个github搜索案例1)App.vue<template> <div class="container"> <Search /> <List /> </div></template><script>import Search from "./components/Search.vue";import List from "./components/List";export原创 2021-11-25 20:50:13 · 104 阅读 · 0 评论 -
vue配置代理
如何开启代理服务器:1、nginx2、vue-cli原创 2021-11-25 12:49:51 · 3061 阅读 · 0 评论 -
nextTick
nextTick1.语法: this.$nextTick(回调函数)2.作用:在下一次DOM更新结束后执行其指定的回调3.什么时候用:当改变数据后,要基于更新后的新DOM进行某些操作时,要在nextTick所 指定的回调函数中执行。//例如创建一个MyItem 组件中的应用<template> <div> <li> <label> <input type="checkbox"原创 2021-11-17 20:08:42 · 284 阅读 · 0 评论 -
vue中关于$event的通俗理解
通过对$event的多次打印结果,可见:$event是指当前触发的是什么事件(鼠标事件,键盘事件等)$event.target则指的是事件触发的目标,即哪一个元素触发了事件,这将直接获取该dom元素下面是例子:<button @click="console.log($event)" name="哈哈">单击</button>由于鼠标点击,所以触发鼠标单击事件,打印出来的是事件,如下图:展开后确实有target属性,且target说明了这是button:实际上展开ta原创 2021-11-17 17:22:11 · 385 阅读 · 2 评论 -
全局事件总线:任意组件间通信(第一天笔记)
全局事件总线:任意组件间通信分析图:1)线路分析:比如在A组件中给A组件绑定自定义事件demo,而D组件想给A传递数据,则可以通过触发x身上的demo事件,而demo的回调存在于A中,A就可以被触发。2)x需要符合的要求:1.ABCD…所有组件都能看见x2.可以调用 $on $off $emit3).对于 2)中 1 条件的实现,x 是需要添加在Vue原型上的,在原型上的组件可以被所有组件vc看到对于 2)中 2 条件的实现,因为x上要有$on $off $emit,而它们三个又是存在于vm原创 2021-11-17 00:49:05 · 276 阅读 · 0 评论