Vue 官网使用与环境搭建

news2025/1/19 7:15:43

vue官网网址:https://cn.vuejs.org/
vue脚手架文档网址:https://cli.vuejs.org/zh/

 vue团队为了使得vue更加好的使用,维护了一些文档。

API是vue的字典,在编写vue的时候,遇到了一些不会的方法那么就去找API,

好像上面都在告诉你有哪些有用的属性和方法。API是在编码的时候遇到了不会的东西在这里面查阅一下。

之前在学习的时候肯定要在html页面当中引入vue.js,然后去编写vue相关的代码。那么以后在公司就需要使用脚手架。

 

 

安装和快速上手


快速上手 | Vue.js 

有两种安装vue的方式,一种是通过script标签去引入vue,还有一种是通过npm去安装vue。

如果使用npm去安装vue,那么往往会会配合着命令行工具去使用。

在使用script标签的时候里面有个属性叫做src,可以指定资源的位置。如果指定当前目录下面的表示引入的是本地的js文件。如果是src=http那么表示在线的,为了让这个地址加载的更加快,这里就需要去做cdn的加速。

这里两个版本都能够实现功能,开发的时候最好使用第一个,如果什么东西写错了,它会告诉你如何去解决,给你一些小提示。

如果是生产版本,那么为了让vue的体积更加小,那么会选择生产版本。因为出现问题都在开发的时候解决了。

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <!--引入vue 这里引入vue那么这里就多了vue构造函数-->
    <script type="text/javascript" src="vue.js"></script>
    
</head>

<body>
     

</body>

</html>

第一个提示是请你下载vue的开发者工具,达到一个更加好的开发体验。推荐在chorm浏览器上面安装vue推荐的开发者工具。

第二个是你在运行开发版本的vue,请你确信不要在生产环境里面这样做。因为发现引入的vue.js体积有些大。里面包含着很多的警告,有些警告的提示都在里面,上线最好不要使用这个。

可以看到引入了vue这个构造函数。

这里面所有的东西都是对vue的全局配置,也就是一次修改到处都可以使用。

上面就将vue的开发环境搭建完毕了,第一件事下载了开发版本的vue,其次安装了开发者调试工具,最后一步关闭了烦人的提示。

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <!--引入vue 这里引入vue那么这里就多了vue构造函数-->
    <script type="text/javascript" src="vue.js"></script>
    
</head>

<body>
     <script type="text/javascript">
            Vue.config.productionTip = false
     </script>

</body>

</html>

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1165919.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

【linux进程控制(一)】进程终止--如何干掉一个进程?

&#x1f493;博主CSDN主页:杭电码农-NEO&#x1f493;   ⏩专栏分类:Linux从入门到精通⏪   &#x1f69a;代码仓库:NEO的学习日记&#x1f69a;   &#x1f339;关注我&#x1faf5;带你学更多操作系统知识   &#x1f51d;&#x1f51d; 进程终止 1. 前言2. 文章整体…

uinapp微信小程序隐私政策授权

&#x1f680; 隐私弹窗效果图&#xff1a; 1、启用隐私相关功能在manifest.json文件中配置 usePrivacyCheck: true "mp-weixin" : {"__usePrivacyCheck__" : true, },2、创建组件 <template><view><!-- 隐私政策弹窗 --><uni-popu…

从瀑布模式到水母模式:ChatGPT引领软件研发的革新之路

ChatGPT引领软件研发的革新之路 概述操作建议本书优势 内容简介作者简介专家推荐读者对象目录直播预告写在末尾&#xff1a; 主页传送门&#xff1a;&#x1f4c0; 传送 概述 计算机技术的发展和互联网的普及&#xff0c;使信息处理和传输变得更加高效&#xff0c;极大地改变了…

CI523电动车NFC一键启动

Ci523是一颗工作在13.56MHz频率下的非接触式读写芯片&#xff0c;支持读A卡&#xff08;CI523支持读A/B卡&#xff09;&#xff0c;可做智能门锁、电动车NFC一键启动、玩具NFC开锁等应用。为部分要求低成本&#xff0c;PCB小体积的产品提供了可靠的选择。

WoShop跨境电商源码:支持多种货币转换,让购物更加便捷!

随着全球电子商务的飞速发展&#xff0c;跨境电商已经成为了众多企业的必然选择。然而&#xff0c;在跨国交易中&#xff0c;货币转换往往成为了一个令人头疼的问题。为了彻底解决这一难题&#xff0c;我们特别推出了一款支持多种货币转换的跨境电商源码&#xff0c;致力于为用…

大洋钻探系列之一引子

大洋科学钻探计划自1968年启动开始&#xff0c;迄今已有50余年&#xff0c;先后经历了&#xff14;个阶段。深海钻探计划(Deep Sea Drilling Program&#xff0c;DSDP&#xff0c;1968-1983年&#xff09;、国际大洋钻探计划&#xff08;Ocean Drilling Program&#xff0c;ODP…

内衣洗衣机和手洗哪个干净?最好用的迷你洗衣机推荐

内衣洗衣机是家里的一种重要电器&#xff0c;在日常生活中也能起到很大的作用。生活的压力太大了&#xff0c;不是所有人都有空闲的时间手洗自己的内衣、内裤。因此&#xff0c;内衣专用的洗衣机在这方面做得非常好。但是&#xff0c;目前市场上的内衣洗衣机品牌很多&#xff0…

JSPv2之El

​ (一)EL的基本语法 1优点 1 jsp的java太长了,el自己的语言${ 开始 }结束 2el直接返回空字符转,而java直接报错 3使用“lt”代替“<”运算符&#xff0c;如果运算符后面是数字&#xff0c;在运算符 *EL取值时&#xff0c;没有数组的下标越界&#xff0c;没有…

问答平台完整源码系统+知识科普+业界新闻 带完整的部署教程

目前&#xff0c;人们对于获取各种信息和知识的需求越来越大。传统的搜索引擎虽然可以提供大量的信息&#xff0c;但它们往往不能提供针对性的、准确的答案。因此&#xff0c;问答平台作为搜索引擎的一种补充&#xff0c;越来越受到用户的欢迎。开发问答平台的初衷是为了解决人…

亚马逊,美客多,temu新品推广期,如何快速增加review

在亚马逊的排名算法中&#xff0c;Review是一个非常重要的因素。好的Review可以直接提升产品的排名&#xff0c;带来更多的曝光量和流量&#xff0c;进而产生更多的订单。因此&#xff0c;卖家非常重视自己产品的Review数量和星级。产品的Review评分越高&#xff0c;排名越靠前…

4 Tensorflow图像识别模型——数据预处理

上一篇&#xff1a;3 tensorflow构建模型详解-CSDN博客 本篇开始介绍识别猫狗图片的模型&#xff0c;内容较多&#xff0c;会分为多个章节介绍。模型构建还是和之前一样的流程&#xff1a; 数据集准备数据预处理创建模型设置损失函数和优化器训练模型 本篇先介绍数据集准备&am…

Power BI 傻瓜入门 21. 让引人注目的报告变得可访问和用户友好的十种方法

Power BI中读取报告和可视化的能力不应仅限于那些能够区分颜色或能够独立阅读的人。色盲用户&#xff0c;甚至那些需要辅助技术来帮助他们解释数据的用户呢&#xff1f;不应该仅仅因为他们有一个独特的要求就把他们蒙在鼓里。使用Power BI&#xff0c;您可以无缝地整合许多功能…

电脑蓝屏怎么办?3个方法教你快速修复

电脑蓝屏&#xff0c;也被称为蓝屏死机&#xff0c;是计算机用户可能会遇到的一种常见问题。蓝屏通常伴随着错误代码和计算机重新启动&#xff0c;可能导致数据丢失。然而&#xff0c;幸运的是&#xff0c;电脑蓝屏问题通常可以得到解决。在本文中&#xff0c;我们将介绍电脑蓝…

通过51单片机控制28byj48步进电机按角度正反转旋转

一、前言 本项目基于STC89C52单片机&#xff0c;通过控制28BYJ-48步进电机实现按角度正反转旋转的功能。28BYJ-48步进电机是一种常用的电机&#xff0c;精准定位和高扭矩输出&#xff0c;适用于许多小型的自动化系统和机械装置。 在这个项目中&#xff0c;使用STC89C52单片机…

IP地址证书申请注意事项

IP地址证书申请跟常见的域名证书有所区别&#xff0c;首先确保80端口或者443端口处于开放状态&#xff0c;让CA机构在验签过程中能够正确访问到验证值&#xff0c;其实IP地址证书只能采用服务器文件验证&#xff0c;即把CA机构生成的服务器文件TXT文本上传到服务器根目录&#…

VueJs各个版本— 判断当前是开发、生产环境

VueJs各个版本— 判断当前是开发、生产环境 文章目录 VueJs各个版本— 判断当前是开发、生产环境vue项目分类VueCLI21&#xff0c;判断样例2&#xff0c;判断原理 Vue CLI 3 和 Vue CLI 41&#xff0c;判断样例2, 判断原理手动设置-json文件手动设置- .env 文件单个 .env 文件多…

python 数据挖掘库orange3 介绍

orange3 是一个非常适合初学者的data mining library. 它让使用者通过拖拽内置的组件来形成工作流。让你不需要写任何代码就可以体验到数据挖掘和可视化的魅力。 它的桌面如下&#xff0c;这里我创建了 3 个节点&#xff0c;分别是数据集、小提琴图&#xff0c;散点图 其中 …

数据结构与算法:使用数组模拟队列Java版

逻辑分析 代码实现 package com.haimeng.queue;import java.util.Scanner;public class ArrayQueueDemo {public static void main(String[] args) {//测试一把//创建一个队列ArrayQueue queue new ArrayQueue(3);char key ; //接收用户输入Scanner scanner new Scanner(S…

使用 Appilot 部署 Llama2,会聊天就行!

Walrus 是一款基于平台工程理念的应用管理平台&#xff0c;致力于解决应用交付领域的深切痛点。借助 Walrus 将云原生的能力和最佳实践扩展到非容器化环境&#xff0c;并支持任意应用形态统一编排部署&#xff0c;降低使用基础设施的复杂度&#xff0c;为研发和运维团队提供易用…

最常见的激活函数

文章目录 1. 激活函数2. Sigmoid函数3. RelU函数4. Softmax函数 1. 激活函数 1. 神经网络中的每个神经元节点接受上一层神经元的输出值作为本神经元的输入值&#xff0c;并将输入值传递给下一层&#xff0c;输入层神经元节点会将输入属性值直接传递给下一层&#xff08;隐层或输…