vue2.0(vue-cli)项目详解创建vue项目电脑系统为windows11,这里我使用WebStorm来创建项目,需要电脑安装node环境,node的版本为14.17.5,如下图所示这里我的项目还是vue.2.x版本创建步骤点击New Project创建项目选择Vue,js项目点击创建后,IDE会自动下载相关依赖,执行相关操作依赖下载完成后,如下图所示,会自动构建索引,方便方法的智能提示项目
概述Vue目前是国内市场上最流行的前端应用开发框架之一。目前主流的是Vue2.x,现在Vue3.x也开始有很多公司使用。Vue2.x官方文档:https://v2.cn.vuejs.org | https://v2.cn.vuejs.org/v2/guide/Vue3.x官方文档:https://cn.vuejs.org | https://cn.vuejs.org/guide/introduct
转载 2024-07-08 17:16:50
19阅读
## 前端技术架构vue2 在前端开发中,Vue.js是一种流行的JavaScript框架,它可以帮助我们构建交互式的Web应用程序。Vue.js基于MVVM模式,提供了响应式数据绑定和组件化的能力,让我们可以更轻松地管理复杂的前端代码。 ### Vue2 技术架构图 下面是一个简单的Vue2技术架构图,展示了Vue2前端应用的主要组件和技术栈: ```mermaid graph LR
原创 2024-02-25 07:26:40
147阅读
vuevue.js的简称)是目前最火的一个前端框架。是一套构建用户界面的框架,不仅容易上手,还便于与第三方库或既有项目整合。前端只要负责MVC中的V这一层,主要工作是和界面打交道,来制作前端页面效果。MVC是后端的分层开发概念,MVVM是前端视图层的概念,主要关注于视图层的分离,主要包括三部分, M(Model):页面中要渲染的数据 V(View):页面中用来展示数据的DOM元素 VM(VM V
跨域设置 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阅读
理解vuex的状态管理模式架构一: 什么是vuex?官方解释如下:vuex是一个专为vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证以一种可预测的方式发生变化。使用方式有如下2种:1. 如果直接在浏览器下引用包的话;如下: <script src="https://unpkg.com/vue@2.5.13/dist/vue.js">
组件( Component )是 Vue.js 最核心的功能,Vue.js的组件就是提高重用性的,让代码可复用。组件注册 创建 Vue 实例的方法: 组件Component与之类似,需要注册后才可以使用。注册有全局注册和局部注册两种方式! ①全局组件:任何Vue 实例都可以使用 ②局部组件:只有在该实例作用域下有效(对比全局与局部变量记忆)组件注册-全局 语法: my-component 就是注册
Vue 组件设计Vue 作为 MVVM 框架一员,不管是写业务还是基础服务,都少不了书写组件。本文总结一下书写业务组件的一些心得。为什么要写组件?我们知道,只要是组件,就需要在引用的时候与 view 或者其他组件进行相关的交互,即 props 传值,$emit 触发事件, 使用 $refs 调用组件方法等,与写在同一个文件相比,耗费的精力明显更多。那为什么需要拆分出组件呢?我认为有两种目的: 复用
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阅读
                                         Vue详细介绍及使用一、Vue定义及简介1、Vue定义    关于Vue简介,百度百科给
公司项目有个功能要实现树形结构的展示,类似于组织架构的那种。想了下几种方案,   表格内实现   div内通过绝对定位实现   canva实现想了一下,感觉第一种简单一些, 用表格的话可能不需要计算繁琐的定位,top,left什么的,不过用表格的坏处就是可扩展性差了些粗略一想,大概设计方案如下:  后台组织好json格式数据返回前端,属性结构肯定有id和pid字段  结构图前端js+css展示,内
步骤一:集成standard标准的eslint进你的项目中首先准备一个没有加入eslint的vue项目 1.安装eslint的包 npm i eslint -D 2.初始化eslint,并生成eslint配置文件 npx eslint --init3.依次按照问题选择自己需要的配置 你想要的怎么使用eslint? 选择第三个:检查,发现问题,并且约束代码风格 你的项目使用的是什么模块? 选择第一个
转载 2024-06-12 14:16:51
274阅读
前言vue-manage-system,一个基于 Vue.js 和 element-ui 的后台管理系统模板,从2016年年底第一个commit,到现在差不多两年了,GitHub上也有了 5k star,也是这些让我有了持续更新的动力,其中也踩了很多坑,在这总结一下。 自定义图标element-ui 自带的字体图标比较少,而且许多比较常见的都没有,因此需要自己引入自己想要的字体图标。最受欢迎的图标
转载 2024-01-08 21:39:05
185阅读
前言本文针对Spring+SpringMVC+Mybatis后台开发框架(基于maven构建)与vue前端框架(基于webpack构建)的项目整合进行介绍,对于ssm和vue单独项目的搭建不作为本文的重点,而着重介绍两者之间交互的要点。SSM项目结构说明项目有service和web两个子项目组成,web依赖于service,其中web主要是control层内容,service则对应service层
  • 1
  • 2
  • 3
  • 4
  • 5