yarn add vue-router新建router.jsimport Vue from 'vue'import VueRouter from 'vue-router'//自定义
原创 2023-03-14 09:22:33
84阅读
使用vue开发的项目,有的时候可能会需要添加项目路径,比如需要将vue项目作为子系统挂接在别的系统下,这时候就需要一个约定好的项目路径,才能使当前vue项目的所有资源路径能被正确识别而保证正常访问。 vue添加项目路径需要改两个地方: 1.配置【publicPath】。 module.exports ...
vue
转载 2021-08-08 17:29:00
1156阅读
2评论
步骤1、安装eslintnpm i eslint --save-dev2、新建.eslintrc文件文件内容如下:{ "extends": ["plugin:vue/recommended", "prettier"], // 是一个 npm 包,它输出一个配置对象。要确保这个包安装在 ESLint 能请求到的目录下 "env": { "browser": true
vue 中的父子组件通信 根据千峰教育学习视频所练习的笔记 | 学习一段时间,我也有写一点东西的必要了···vue中除了父子组件外,还能遇到父子组件的通信,有以下两种方法能解决。1. 空实例与自定义事件我先在<div>里面写两个组件,<dear-feifei>和<dear-zhangliuping>,这两个组件就是
首先说一下vue脚手架指的是vue-cli(vue-cli又有很多版本,今天讲的是vue-cli2.0+的版本,后面还会出vue-cli3.0+创建项目的版本),它是一个专门为单页面应用快速搭建繁杂的脚手架,它可以轻松的创建新的应用程序而且可用于自动生成vue和webpack的项目模板。那可能有同学又问了,不用脚手架可不可以创建vue项目,我的答案是肯定的,只不过站在巨人的肩膀上,我们会走的更快哦
eslint配置方式有两种: 有几种东西是可以配置的: 环境:你的脚本会在哪种环境下运行。每个环境带来了一组特定的预定义的全局变量。 全局变量:脚本运行期间会访问额外的全局变量。 规则:使用那些规则,并且规则的等级是多少。 我们这里使用配置文件.eslintrc.js来配置,它导出一个模块供ESLi
原创 2021-08-20 11:52:52
288阅读
Vue JS项目 添加TypeScript转载请注明来源 谢谢git文件全部提交 必须全部提交 因为会改掉你的文件.很恶心.vue.config.js 添加下面内容pages:{ index:{ entry:'src/main.js' } }项目根目录运行 vue add typescript如果你英文可以 那就忽略这一条.接下来会问你很多问题 回答Yes 或 No
原创 2023-04-22 11:17:31
214阅读
目录一、安装 Vue CLI 的准备二、Vue CLI3 与 Vue CLI2 版本的区别三、通过 Vue CLI 创建新项目四、已有项目链接到远程 GitHub 仓库一、安装 Vue CLI 的准备使用  Vue CLI 创建新项目之前,首先你需要安装  Vue CLI ,因为 Vue CLI 是基于 node 和 webpack 的,所以还需要
转载 2024-10-18 17:48:08
60阅读
一.安装Vue1.第一步:去网上搜https://cdn.jsdelivr.net/npm/vue/dist/vue.js这个网页2.保存到电脑上 3在D盘新建一个文件夹   在Visual Studio Code里打开,新建一个目录,把Vue放在里面     二.使用Vue的具体步骤使用vue获取div中的内容,以及
<!-- 路由动画效果 --> <transition name="fade-transform" mode="out-in"> <keep-alive :include="cachedViews"> <router-view /> </keep-alive> </transition> 上面这段内 ...
转载 2021-10-29 09:30:00
449阅读
2评论
# Vue项目添加Yarn支持指南 随着现代前端开发的普及,Yarn作为一种新兴的包管理工具,以其更快的安装速度和更好的依赖管理功能,逐渐成为了开发者的宠儿。如果你正在使用Vue进行项目开发,可能会想到将Yarn引入到你的项目中以提升效率。本文将详细介绍如何在Vue项目添加Yarn支持,指导你如何一步步完成这一过程。 ## 1. Yarn简介 Yarn是一个JavaScript包管理工具,
原创 9月前
137阅读
动态创建组件依靠  Vue.extend案例分析 用户通过点击新增按钮,新加下一个页签,要实现这个需求只能通过动态的创建组件,然后添加到页面中,下面来实现这个需求(页签内容部分就不做了,重点放在动态创建页签按钮)案例实现<div id="app" class="app"> <div class="title">XXX页面</div>
在App.vue添加:export default { name: 'App', mounted() { // 创建cnzz统计js const script = document.createElement('script')
原创 2022-06-29 20:31:47
182阅读
【代码】vue3 项目添加 less。
vue
原创 2023-03-14 09:27:43
524阅读
文章目录一、NodeJs 下载及配置二、全局下载项目脚手架三、创建项目四、启动项目一、NodeJs 下载及配置本节内容参见本人
原创 2022-08-12 11:01:17
587阅读
项目介绍本项目是通过慕课网来学习的vue项目,因为公司比较忙,所以一段时间只能停下来。现在也算是终于写完了,因为没有本地服务器和后台支持,现在用的json文件调用。项目引用插件   fastClick.attach(document.body)  babel-polyfill:提供es6有而es5没有的一些方法,相当于一个es5的装备,装上之后能让他使用es6的方法  vue-aweso
转载 2023-12-11 10:32:40
51阅读
目录1、引入Typescript2、配置文件webpack配置3、让项目识别.ts4、vue组件的编写data()中定义数据props传值完整代码案例 最近项目需要将原vue项目结合ts的使用进行改造,这个后面应该是中大型项目的发展趋势,看到一篇不错的入门教程,结合它并进行了一点拓展记录之。本文从安装到vue组件编写进行了说明,适合入门。1、引入Typescript npm install vu
转载 2024-03-13 22:05:23
417阅读
文章目录 前言一、Nginx是什么?二、安装步骤1.依赖下载 2.下载Nginx总结 前言Nginx可以作为Web服务器使用,它支持HTTP、HTTPS、SMTP、POP3等多种协议。相比Apache等传统Web服务器,Nginx使用更少的资源,支持更多的并发连接,具有更高的效率。这使得Nginx特别适用于需要处理大量并发请求的虚拟主机提供商。一、Nginx是什么?Nginx是一个功能强大、性能优
Vuejs实例-02Vue.js项目集成ElementUI0:前言vue.js的UI组件库,在git上有多个项目,我见的使用者比较多的是iView和Element.两个组件库,组件都很丰富。官网的介绍iView: 一套基于 Vue.js 的高质量 UI 组件库Element,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的组件库,提供了配套设计资源,帮助你的网站快速成型。两者各有优缺点
前端公共方法封装:/** * 判断字符串是否为空或null * @param object * @returns {*} */ var isNullorEmpty = function (object) { return isNull(object); } /** * 是否为空 * @param object * @returns {Boolean} */ functio
原创 2024-09-20 13:57:02
142阅读
  • 1
  • 2
  • 3
  • 4
  • 5