![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue.js
文章平均质量分 68
码农NoError
这个作者很懒,什么都没留下…
展开
-
一文入门webpack
Vue3+版本与之前的版本有了很大的变化,少了很多webpack的配置,这让我们关注与Vue的开发,不需要过多的关注webpack配置问题,然而webpack作为前端开发的利器,还是非常有必要掌握的。之所以能够在任何位置都使用vue指令是因为在安装node是自动配置了npm 环境变量即目录C:\Users\Administrator\AppData\Roaming\npm。此时即可在D:\Program Files\vue2\node_modules\.bin目录使用vue2相关指令。原创 2024-07-26 08:41:57 · 1337 阅读 · 3 评论 -
Vue3+与Vue2共存
目前大多数新项目都会采用Vue3+进行开发,然而在公司还需要维护一些之前使用老旧版本Vue2开发的项目,此时则需要我们在电脑上安装vue2与vue3+了。1、 先来说说npm安装命令的参数-g-g参数可以将js包进行全局安装,即安装到当前用户目录下比如使用命令npm install -g @vue/cli即可以安装最新版本vue到用户目录下,使用where vue 可以查看全局vue所在...原创 2020-05-04 21:57:53 · 9008 阅读 · 0 评论 -
Mockjs让模拟数据丰富多彩
Mockjs的两大必杀技:1、生成随机数据2、拦截 Ajax 请求有了mockjs可以1、让前端攻城师独立于后端进行开发。2通过随机数据,模拟各种场景。3、不需要修改既有代码,就可以拦截 Ajax 请求,返回模拟的响应数据。4、支持生成随机的文本、数字、布尔值、日期、邮箱、链接、图片、颜色等。wiki地址:https://github.com/nuy...原创 2020-04-07 20:49:26 · 1173 阅读 · 0 评论 -
手把手教你使用Vue CLI搭建项目
我们实际在开发项目的时候一般不会选择向官网那样直接在html文件中引入vue,而是用vue的脚手架去搭建项目。脚手架完成了项目的编译,打包,压缩,配置,我们无需自己在手动编写webpack位置,直接使用相关的命令即可完成,真可谓是事半功倍。一、想使用Vue脚手架需要先安装Node 环境。在浏览器输入http://nodejs.cn/进入node官网,点击下载,可以看到node有各种系...原创 2024-07-28 12:37:42 · 578 阅读 · 0 评论 -
Vue官方的路由管理器Vue-router
一、 Vue-router的构成Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成,让构建单页面应用变得易如反掌。<router-link> 是一个组件,该组件用于渲染一个导航链接,切换不同 HTML 内容。to 属性为目标地址, 即要显示的内容。<router-view>用于渲染路由匹配之后的显示对应内容二、 Vu...原创 2024-07-28 12:38:09 · 733 阅读 · 1 评论 -
Vue中使用Axios
Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。一、Axios的基本特性1、可以实现跨平台数据请求,从浏览器中创建 XMLHttpRequests,从 node.js 创建 http 请求2、支持 Promise API3、可以拦截请求和响应4、可以转换请求数据和响应数据5可以取消请求6、自动转换 JSON 数据7、客户端支持防御 ...原创 2024-07-29 10:24:25 · 405 阅读 · 0 评论 -
Vue之数据状态管理器Vuex
1、什么是VuexVuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。前文中我们总结了如何在父子组件中进行参数传递,实现相对简单但是开发中使用更为频繁的却是页面传参或者是无关联组件传参,这是就需要使用到Vuex数据状态管理器了2、什么情况下我应该使用 Vuex?如果您不打算开发大型单页...原创 2024-07-29 10:24:37 · 1317 阅读 · 3 评论 -
Vue.js常见指令
class 值为数组时根据数组中元素的真实值取类名 值为对象时根据键值对的值确定类名是否有键。:style 值为数组时需要使用对象作为数组元素 值为对象键值对即为style样式键值对。v-show表达式真假改变时元素不会被销毁或者重建,只是切换了display属性。v-html更新html元素的innerHtml。v-on:事件名称形式 可以使用@事件名称替代。v-if表达式真假改变时元素会被销毁或者重建。@click.stop 可以阻止事件冒泡。v-bind可以省略直接使用 :属性名。原创 2024-07-30 08:46:21 · 310 阅读 · 0 评论 -
Vue.js框架初识
一、Vue框架简介1、Vue.js 是目前最火的一个前端框架,和Angular.js、React.js 一起,并成为前端三大主流框架。2、Vue.js是用于构建用户界面的渐进式框架。3、在Vue中,一个核心的概念,就是让用户不再操作DOM元素,解放了用户的双手,让程序员可以更多的时间去关注业务逻辑。4、Vue框架,能够提高开发的效率。提高开发效率的发展历程:原生JS -> J...原创 2024-07-30 08:46:35 · 1536 阅读 · 0 评论