一、vue的使用1、vue-clivue 项目是基于vue-cli 脚手架搭建的项目。当我们要创建一个项目时,首先要先全局安装vue-cli脚手架,命令行为:npm i -g @vue/cli在搭建完成项目以后,我们需要来了解 src 目录下各个文件夹和文件的用法。├── assets 放置静态资源 ├── components 放组件 ├── router 定义路由的相关配置 ├── views
转载 2024-08-09 13:29:25
193阅读
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .el-table .warning-row { backgroun
这片文章主要是根据上一篇文章《浅析Vue源码(三)—— initMixin(上)》去解读 initMixin后续的执行过程,上篇我们已经可以看到,接下来主要会发生这几个操作过程:initLifecycle(vm) initEvents(vm) initRender(vm) callHook(vm, 'beforeCreate') initInjections(vm) initState(vm) i
模板:文本插值 :{{msg}}双括号的标签会被替换为相应组件实例中msg属性的值,每次msg属性更改他会同步更新。Vue的所有的数据绑定支持javascript表达式• {{number+1}} • {{ok?‘yes’“:‘no’}} • {{message.split(‘ ’).reverse().join(‘ ’)}} • <div :id='' `list-$(id)`"&gt
一、什么是生命周期生命周期(Life Cycle)的概念应用很广泛,特别是在政治、经济、环境、技术、社会等诸多领域经常出现,其基本涵义可以通俗地理解为“从摇篮到坟墓”(Cradle-to-Grave)的整个过程。对于某个产品而言,就是从自然中来回到自然中去的全过程,也就是既包括制造产品所需要的原材料的采集、加工等生产过程,也包括产品贮存、运输等流通过程,还包括产品的使用过程以及产品报废或处置等废弃
跨域设置 http://www.ituring.com.cn/article/200275 打包 npm adduser 如果长时间不登录,可能会过期,使用 npm login 进行登录就可以 pu
原创 2021-07-23 11:32:15
391阅读
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阅读
我们在给子组件传递数据的时候,也就是父传子,一般写在props中, 其实也可以写在attrs中,如果写在attrs中,我们也可以在子组件
原创 2024-07-01 15:09:20
404阅读
封装 axios 工具,编辑 src/api/index.js 文件 首先,我们要使用 axios 工具,就必须先安装 axios 工具。执行下面的命令进行安装 这样,我们就安装好了 axios 工具了。 新建了一个 src/api/index.js 好,我们写好这个文件之后,保存。 调整 main
转载 2017-10-24 22:50:00
321阅读
2评论
什么是JSX摘自 React 官方: 它被称为 JSX,是一个 JavaScript 的语法扩展。我们建议在 React 中配合使用 JSX,JSX 可以很好地描述 UI 应该呈现出它应有交互的本质形式。JSX 可能会使人联想到模板语言,但它具有 JavaScript 的全部功能。Vue 什么时候应当使用JSX这里说的是应当,而不是必须。因为在绝大多数情况下,模板语法都能胜任,只不过写起来看着不太
转载 2024-06-03 15:34:33
66阅读
0 前言从Vue2升级到Vue3,可能最大的变化之一就是Composition Api了。 Composition Api是什么东西为啥要用它?怎么用它?有什么需要注意的吗? 面对陌生的它,我们在这儿先简单认识一下它,而具体如何使用以及使用的注意点,将会在后续的文章更新中介绍,可以关注本文最后持续更新的扩展阅读部分。1 是什么Composition Api,也就是组合式Api。 我认为,它解决的主
转载 2023-11-06 12:52:14
247阅读
目录一、项目基本配置二、Eslint语法规范型检查 一、项目基本配置修改项目信息 package.json 文件{ "name": "XXX", ...... "description": "XX系统", "author": "tom<123456@qq.com>", ...... }修改端口号 config/index.js中修改port:
转载 2024-07-29 09:30:58
87阅读
步骤一:集成standard标准的eslint进你的项目中首先准备一个没有加入eslint的vue项目 1.安装eslint的包 npm i eslint -D 2.初始化eslint,并生成eslint配置文件 npx eslint --init3.依次按照问题选择自己需要的配置 你想要的怎么使用eslint? 选择第三个:检查,发现问题,并且约束代码风格 你的项目使用的是什么模块? 选择第一个
转载 2024-06-12 14:16:51
274阅读
数组方法之includes(写出我的myIncludes)首先,includes()方法用来判断一个数组是否包含一个指定的值,如果是返回 true,否则false。先来简单的使用一下include()方法var arr = [10,20,30,40,50]; arr.includes(10); //true当传入俩个参数的参数var arr = [10,20,30,40,50]; arr.inc
转载 2024-05-16 09:14:41
4192阅读
1点赞
vue.jsvue.js只聚焦视图层,是构建数据驱动web界面的一个库。数据绑定定义:将数据和视图相关联,当数据发生变化时,可以自动更新视图。语法 1) 插值     使用双大括号{{}},双大括号会将里面的值当做字符串进行处理;而如果值是HTML片段时,则使用三个大括号进行绑定<!-- {{text}}值改变时,文本值也会联动发生变化。即渲染一次,就
转载 2024-08-21 20:32:44
406阅读
? 作者简介:大家好,我是Taro,前端领域创作者 ✒️ 个人主页:唐璜Taro ? 支持我:点赞?+? 评论 + ⭐️收藏最近在修改我司一款医疗类CMS系统,采用的技术栈是 Vue2.x + Ant-Design-Vue ,用户提到了一个需求,希望在切换Tabs多页签时,能够在其他Tabs切换回来后,下方的分页器页码依然可以留在离开前的页数。 这里想到的是 使用 Vue中的 keep-alive
转载 2024-03-21 11:45:09
74阅读
小列表涉及的知识点 : form-inline 会让元素在以行内显示 在Vue中,使用事件绑定机制,为元素指定处理函数的时候,如果加了小括号,就可以给函数传参了 seach关键字搜索法 增加数据并渲染 根据获取id利用循环的方法找到对应的索引数据删除数据forEach some filter(过滤) findIndex 这些都属于数组的新方法 ES6中,为字符串提供了一个新方法,叫做 String
  • 1
  • 2
  • 3
  • 4
  • 5