初识Vue

最新推荐文章于 2022-09-23 15:55:56 发布
最新推荐文章于 2022-09-23 15:55:56 发布
阅读量258 收藏
点赞数 1
分类专栏： 前端 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43596993/article/details/105186226
版权

Vue版本：@vue/cli 4.2.3

1. 更改端口号

node_modules@vue\cli-service\package.json

拉到最后，注释放开，修改port

2. 去除url中的#

# index.js中
mode: 'history',

在这里插入图片描述在这里插入图片描述

3. 配置文件设置项目名称

根目录下新建.env（键值对,以VUE_APP开头）

VUE_APP_NAME=程序猿社区

index.html中标题设置如下

<title><%= process.env.VUE_APP_NAME %></title>
L Amor゜
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue create appName /react-create-app appName 脚手架方式创建应用使用百度地图
jjw_zyfx的博客
09-30 674
vue配置： 第一步 标签内容2.0 的用这个 <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=你的ak"></script> 标签内容3.0的用这个 <script type="text/javascript" src="http://api...
vue组件的name有啥用
bluede2015的博客
10-29 665
vue组件的name有啥用1.keep-alive中，配合组件的name缓存过滤2.组件中进行递归调用自身3.vue-tools工具的展示 我们在使用组件的时候，一般都给组件一个name，这个name其实还是有用处的： 1.keep-alive中，配合组件的name缓存过滤 现在我有一个detail的组件： export default { name: 'detail' } 我们在App.vue中使用keep-alive，exclude的值就是一个组件的名称（当然这里最好还是小写的） <keep
vue文件中name属性作用
热门推荐
lawliet
09-19 1万+
官方文档解释 1.递归组件运用（指组件自身组件调用自身组件） &lt;article&gt; &lt;div class="item" v-for="(item,index) in list" :key="index"&gt; &lt;div class="item-title"&gt; &lt;span class="i
vue 项目通过环境变量来设置项目 title
web00_11的博客
09-23 1952
env.[mode].local # 只在指定的模式中被载入，但会被 git 忽略。.env.local # 在所有的环境中被载入，但会被 git 忽略。.env.[mode] # 只在指定的模式中被载入。.env # 在所有的环境中被载入。.env.development 开发环境。.env.production 生产环境。在 package.json 文件中配置。.env.staging 测试环境。
Vue配置多环境变量,原来是这么回事啊
技术前端，忠于热爱 @0.活在风浪里
01-01 2505
环境变量的默认值和自己添加环境变量 在main.js打印console.log(process.env); 会得到两个默认变量分别是BASE_URL:"" 和 NODE_ENV:"development", NODE_ENV:""可以用来区分环境是开发还是测试还是正式环境 如下图 1 .如果想要自己定义添加环境变量需要,在根目录下新建.env文件 以VUE_APP开头,例如:VUE_APP_MY_NAME="活在风浪",注意需要重新启动服务! 1......
初识Vue.html
07-29
初识Vue.html
前端开发Vue基础篇：Day01 初识Vue.pdf
11-08
前端开发Vue基础篇Day01资料文档
初识 Vue.js 中的 *.Vue文件
11-27
什么是Vue.js？ vue.js是一套构建用户界面的渐进式框架，它采用自底向上增量开发的设计。（自底向上设计方法是根据系统功能要求，从具体的器件、逻辑部件或者相似系统开始，凭借设计者熟练的技巧和丰富的经验，通过...
vue 项目初识 路由 router.md
06-11
vue 项目初识 路由 router 并进行初步配置以及简单的组件实现，初学vue router可以参考
01vue初识_vue_principle9nn_
10-03
vue 基础应用部分
详解Vue爬坑之vuex初识
08-30
本篇文章主要介绍了详解Vue爬坑之vuex初识 ，Vue 的状态管理工具 Vuex可以解决大型项目中子组件之间传递数据，有兴趣的可以了解下
Vue.js 实战.pdf
06-21
第1章 初识Vue.js 第2章 数据绑定和第一个Vue应用 第3章 计算属性 第4章 v-bind及class与style绑定 第5章 内置指令 第6章 表单与v-model 第7章 组件详解 第8章 自定义指令 第9章 Render函数 第10章 使用webpack 第...
Vue 开发教程.docx.docx
最新发布
06-05
1. 初识 Vue.js Vue.js 简介：了解 Vue.js 是什么，以及它的主要特点和优势。 安装与配置：如何创建一个新的 Vue.js 项目，配置开发环境。 2. 核心概念 模板语法：学习 Vue.js 的模板语法，如何在 HTML 中使用 Vue ...
Vue基础，适合学习.7z
08-08
Vue基础，适合学习
初识简单却不失优雅的Vue.js
01-21
作为一名Vue.js的忠实用户，我想有必要写点文章来歌颂这一门美好的语言了，我给它的总体评价是“简单却不失优雅，小巧而不乏大匠”，下面将围绕这句话给大家介绍Vue.js，希望能够激发你对Vue.js的兴趣。  Vue.js...
vue2学习详细
qq_39989608的博客
03-28 1855
安装 直接用 直接用 开发版本 生产版本 <script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script> NPM 在用 Vue 构建大型应用时推荐使用 NPM 安装[1]。NPM 能很好地和诸如 webpack 或 Browserify 模块打包器配合使用。同时 Vue 也提供配套工具来开发单文件组件。 npm install vue 命令行工具 (CLI) Vue 提供了一个官方的 CL
vue环境变量
weixin_42666092的博客
06-11 5038
1.mode 模式 设置后， --mode production,是在打包后生成的文件中启动触发， --mode development 是在开发环境下启动触发触发 模式设置，在package.json 的 scripts属性中设置的命令 development(开发环境) 模式用于 vue-cli-service serve test(测试) 模式用于 vue-cli-service test:unit production(生产环境) 模式用于 vue-cli-service build 和 vu
Vue设置代理
weixin_51140082的博客
03-10 1107
Vue设置代理 设置代理就是跨域 前提步骤 搭建前端框架 vue create study 搭建后端 1.全局命令：npm install express-generator -g 2.进入项目目录：express --view=ejs server 根据终端提示的信息： cd server npm install npm run start 总之，代理解决开发时候的一个跨域问题，由前端进行解决，这里不需要在用jsonp了 后端建立一个接口，用来测试跨域 在router/index.js里面添加内容 ro
vue动态设置页面title方法（解决app内嵌h5，ios获取不到title的问题）
weixin_34221332的博客
03-27 4652
2019独角兽企业重金招聘Python工程师标准>>> ...
vue upgrade
08-28
- *2* [小张张的前端学习笔记一---初识vue3](https://blog.csdn.net/qq_42052896/article/details/109483830)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值