vue-router钩子1）全局钩子函数 定义在全局的路由对象中，主要如下： beforeEach 在路由切换开始时调用  
转载
2024-07-16 01:24:03
346阅读
基础特性渐进式开发生命周期数据绑定文本插值过滤器计算属性表单控件Class及Style绑定指令内置指令自定义指令组件组件选项与Vue选项的区别组件Props一个完整的组件代码状态管理一个完整的状态管理实现开发实践项目结构配置代理服务器使用Axios发送请求插件开发插件额外专题关于 Promise构造函数静态方法使用Promise使用插件实践视频 基础特性渐进式开发可以 单HTML页面 使用Vue
passive模式修饰符：.passive - (2.3.0) 以 { passive: true } 模式添加侦听器，也就是执行默认行为passive这个修饰符会执行默认方法。你们可能会问，明明默认执行为什么会设置这样一个修饰符。这就要说一下这个修饰符的本意了。【浏览器只有等内核线程执行到事件监听器对应的JavaScript代码时，才能知道内部是否会调用preven
开端
最近在恶补vue底层和高级用法相关的知识，找的视频跟着老师学习，本篇文章主要是记录在学习过程中都学习到了哪些内容，理清一下自己的思路。
1 mixins混入
混入(mixin) 提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。
类似于<script>中的内
原创
精选
2024-03-22 14:10:45
204阅读
vue2中依赖注入用法
原创
2022-11-18 00:03:39
122阅读
前几天想学学Vue中怎么编写可复用的组件，提到要对Vue的render函数有所了解。可仔细一想，对于Vue的render函数自己只是看了官方的一些介绍，并未深入一点去了解这方面的知识。为了更好的学习后续的知识，又折回来了解Vue中的render函数，这一切主要都是为了后续能更好的学习Vue的知识。回忆Vue的一些基本概念今天我们学习的目的是了解和学习Vue的render函数。如果想要更好的学习Vu
<div id="app"> <navbar></navbar> <pagefooter></pagefooter></div>Vue.component('navbar',{ template:'#navbar',
转载
2022-05-26 16:51:15
1544阅读
1、父组件可以使用 props 把数据传给子组件。2、子组件可以使用 $emit 触发父组件的自定义事件。 vm.$emit( event, arg ) //触发当前实例上的事件 vm.$on( event, fn );//监听event事件后运行 fn； 例如：子组件： <template> <d ...
转载
2021-08-10 15:33:00
2415阅读
2评论
vue中this.$emit的用法 this.$emit('事件',参数) 用于当子组件需要调用父组件的方法的场景下使用。 与之相对的当父组件需要调用子组件时则使用this.$refs的方法 this.$refs.子组件的ref.子组件的方法 实例 为了能清晰的了解具体用法，准备了一个父子组件互调方 ...
转载
2021-09-23 22:06:00
1567阅读
2评论
跨域设置 http://www.ituring.com.cn/article/200275 打包 npm adduser 如果长时间不登录，可能会过期，使用 npm login 进行登录就可以 pu
原创
2021-07-23 11:32:15
393阅读
eslint用于代码检查，prettier用于代码格式化，具体操作如下1.安装以下eslint插件
安装以下eslint插件，并增加.eslintrc.js配置文件，.eslintignore配置忽略检查的文件（1）eslint
用于检查和标示出ECMAScript/JavaScript代码规范问题工具。
（2）@babel/eslint-parser
简而言之就是一个解析器，允许您使用ES
转载
2024-05-29 12:57:59
283阅读
main.js App.vue action.js getters.js index.js mutation.js types.js
转载
2017-06-24 05:50:00
220阅读
vue2
原创
2021-08-01 18:40:40
412阅读
最近项目开发中遇到需要用到ie浏览器的情况，因为是内网开发，大致记录下兼容过程。问题1：ie11浏览器页面无法加载首先遇到的问题是谷歌浏览器运行无问题，控制台也不报错，但是ie11浏览器就打不开，控制台报错----显示语法错误：，了解后发现ie浏览器不支持es6，可以通过core-js/stable及regenerator-runtime/runtime编译，vue cli官方推荐使用，main.
转载
2024-04-03 14:52:36
210阅读
0 前言从Vue2升级到Vue3，可能最大的变化之一就是Composition Api了。 Composition Api是什么东西为啥要用它？怎么用它？有什么需要注意的吗？ 面对陌生的它，我们在这儿先简单认识一下它，而具体如何使用以及使用的注意点，将会在后续的文章更新中介绍，可以关注本文最后持续更新的扩展阅读部分。1 是什么Composition Api，也就是组合式Api。 我认为，它解决的主
转载
2023-11-06 12:52:14
247阅读
什么是JSX摘自 React 官方： 它被称为 JSX，是一个 JavaScript 的语法扩展。我们建议在 React 中配合使用 JSX，JSX 可以很好地描述 UI 应该呈现出它应有交互的本质形式。JSX 可能会使人联想到模板语言，但它具有 JavaScript 的全部功能。Vue 什么时候应当使用JSX这里说的是应当，而不是必须。因为在绝大多数情况下，模板语法都能胜任，只不过写起来看着不太
转载
2024-06-03 15:34:33
66阅读
目录一、项目基本配置二、Eslint语法规范型检查 一、项目基本配置修改项目信息 package.json 文件{
"name": "XXX",
......
"description": "XX系统",
"author": "tom<123456@qq.com>",
......
}修改端口号 config/index.js中修改port:
转载
2024-07-29 09:30:58
87阅读
父组件
<template>
<div class="content">
<List @setDisplayDetail="setDisplayDetail"/>
</div>
</template>
...
methods : {
setDisplayDetail(val){
th
原创
2021-06-29 16:54:46
397阅读
vue中子传父参数的方法共有两种：1、子组件通过emit传输2、通过自定义组件传输在父组件中（1）首先需要定义其改变的函数，一般emit多用于点击事件，例如我目前所在地的名称是北&l
原创
2022-04-26 20:45:10
936阅读
步骤一：集成standard标准的eslint进你的项目中首先准备一个没有加入eslint的vue项目 1.安装eslint的包 npm i eslint -D 2.初始化eslint，并生成eslint配置文件 npx eslint --init3.依次按照问题选择自己需要的配置 你想要的怎么使用eslint？ 选择第三个：检查，发现问题，并且约束代码风格 你的项目使用的是什么模块？ 选择第一个
转载
2024-06-12 14:16:51
274阅读
