最新要闻
- 本田雅阁插混版后备箱隆起 博主:吹不下去了、真不如比亚迪汉
- 工信部通报扫码支付新骗局:钻App漏子 远程扫付款码“偷钱”
- 世界报道:五一还有近1个月!三山五岳就爆满了
- 今日播报!广州拟对公园、广场等场所全天禁止驾驶电动自行车 你支持吗?
- 全球播报:6.4万买的软件终于能用了?特斯拉FSD被曝将于国内大范围测试
- 全球微资讯!微信可以直接借钱的小程序:不用下载软件就可以到账
- 当前要闻:读客文化:公司的数字内容业务包括了电子书业务和有声书业务
- 环球关注:氢燃料汽车不认输 日本投资15万亿日元豪赌未来:产能6倍提升
- 世界快讯:果粉用iPhone为何很爽?原因是有几大功能安卓永远做不好
- 天天观点:女生妇女节休假半天被公司辞退!法院判公司赔18万余元
- 每日热闻!油车车主注意了!4月起可在加油区域使用手机支付
- 世界新资讯:新海诚:想早日再来中国!想念中国菜和白酒
- 天天快看:不选无痛分娩,却愿意花钱给婴儿拍写真?大部分人花钱并不靠理性权衡,想花就花了
- 【环球报资讯】疑似广汽埃安Hyper GT充电站自燃 车辆还未正式亮相发布
- 环球今头条!超级小桀“世界前30记录”被亲戚家熊孩子清零:直播间设备也遭破坏
- 一个月多次大范围崩溃!苹果天气又崩上热搜:iPhone免费天气App了解下
手机
iphone11大小尺寸是多少?苹果iPhone11和iPhone13的区别是什么?
警方通报辅警执法直播中被撞飞:犯罪嫌疑人已投案
- iphone11大小尺寸是多少?苹果iPhone11和iPhone13的区别是什么?
- 警方通报辅警执法直播中被撞飞:犯罪嫌疑人已投案
- 男子被关545天申国赔:获赔18万多 驳回精神抚慰金
- 3天内26名本土感染者,辽宁确诊人数已超安徽
- 广西柳州一男子因纠纷杀害三人后自首
- 洱海坠机4名机组人员被批准为烈士 数千干部群众悼念
家电
天天新消息丨超详细!新手如何创建一个Vue项目
- 一、在官网下载Vue.js
- 二、使用<script>标签直接引入本地的vue.js
- 三、使用CDN引入Vue.js
- 四、验证是否安装成功
- 五、安装Vue Devtools浏览器调试插件
- 不同浏览器导入方法
本篇仅以HBuilder X为例,其余开发软件同样适用这里两种方法,使用<script>标签直接引入本地的vue.js或使用CDN引入。
一、在官网下载Vue.js
详见官方文档Vue2Vue3
(资料图片)
二、使用<script>标签直接引入本地的vue.js
首先点击新建一个项目
填写项目名称与路径,初学者建议选择普通Vue项目就好(本篇主要讲解普通Vue项目),点击创建
不要在意body里面的内容,HBuilder X默认引入的是Vue3,而大多数初学者是从Vue2开始学习的
HBuilder X在创建项目时将Vue.js文件放在了如图的位置
Vue是一款追求轻量化的框架,官方推出了Vue.js和Vue.min.js两个版本,Vue.js是开发环境版本,包含完整的警告和调试模式,而Vue.min.js是面向用户的生产环境版本,为了轻量化的目的删除了所有警告,可以理解为是mini版的Vue.js,我们在开发时选择Vue.js版本只需要将上面的<script>标签中的路径更改即可
<script src="./js/v2.6.10/vue.js" type="text/javascript" charset="utf-8"></script>
三、使用CDN引入Vue.js
将以下内容复制到head即可Vue2
<script src="https://cdn.jsdelivr.net/npm/vue@2.7.14"></script>
Vue3
<script src="https://unpkg.com/vue@next"></script>
四、验证是否安装成功
直接运行此项目,打开浏览器的控制台,输入 Vue 点击回车,弹出构造方法即为成功(注:Vue2与Vue3的构造方法不同)第一次运行控制台会给我们两条信息
Download the Vue Devtools extension for a better development experience:https://github.com/vuejs/vue-devtools这是Vue提示我们安装浏览器调试插件,安装方式在下文给出
You are running Vue in development mode.Make sure to turn on production mode when deploying for production.See more tips at https://vuejs.org/guide/deployment.html这是Vue提示我们正在开发模式下运行Vue。部署生产时,请确保打开生产模式。
五、安装Vue Devtools浏览器调试插件
Chrome浏览器和edge浏览器均可直接在扩展商店中搜索下载也可以去GitHub上下载(点我)
不同浏览器导入方法
edge:
Chrome:
关键词:
天天新消息丨超详细!新手如何创建一个Vue项目
【求助贴】临危受命,如何救火做到一半的项目?
本田雅阁插混版后备箱隆起 博主:吹不下去了、真不如比亚迪汉
工信部通报扫码支付新骗局:钻App漏子 远程扫付款码“偷钱”
世界报道:五一还有近1个月!三山五岳就爆满了
今日播报!广州拟对公园、广场等场所全天禁止驾驶电动自行车 你支持吗?
全球播报:6.4万买的软件终于能用了?特斯拉FSD被曝将于国内大范围测试
全球微资讯!微信可以直接借钱的小程序:不用下载软件就可以到账
当前要闻:读客文化:公司的数字内容业务包括了电子书业务和有声书业务
环球关注:氢燃料汽车不认输 日本投资15万亿日元豪赌未来:产能6倍提升
世界快讯:果粉用iPhone为何很爽?原因是有几大功能安卓永远做不好
天天观点:女生妇女节休假半天被公司辞退!法院判公司赔18万余元
每日热闻!油车车主注意了!4月起可在加油区域使用手机支付
世界新资讯:新海诚:想早日再来中国!想念中国菜和白酒
每日消息!分享我炼制的脚本神器,powershell版《tcp-ping》
【环球快播报】记一次对抗流氓软件的经历
Linux文件类型发布啦!
视点!模拟mybatis接口动态注册过程
天天快播:Linux之父:连你自己都懒得解释,那这就是一堆垃圾!
天天快看:不选无痛分娩,却愿意花钱给婴儿拍写真?大部分人花钱并不靠理性权衡,想花就花了
【环球报资讯】疑似广汽埃安Hyper GT充电站自燃 车辆还未正式亮相发布
环球今头条!超级小桀“世界前30记录”被亲戚家熊孩子清零:直播间设备也遭破坏
一个月多次大范围崩溃!苹果天气又崩上热搜:iPhone免费天气App了解下
百事通!我进入银行科技部半年,已经丧失跳槽的能力了!
使用vue2+element-ui+vuex实现后台管理系统的头部背景色动态点击修改
视焦点讯!Python数据分析第七周作业随笔记录
焦点速读:python文件操作:r、w、a、r+、w+、a+和b模式
小皮1-click漏洞的代码审计学习笔记
天天亮点!百余名驻澳门部队官兵无偿献血
发射6枚火箭后 马斯克SpaceX的劲敌维珍轨道倒了:已申请破产
健康低脂 鲜嫩多汁:肌肉小王子即食鸡胸肉10袋19.9元
iPhone自带天气应用崩了 苹果客服:没收到反馈 重启或升级试试
每日精选:力压美国!全球AI论文发表量前十机构:九所来自中国
焦点热门:电视剧《他是谁》收官!聂宝华下线了
每日信息:人民日报发声后!中央政法委将严查!刘国梁危险
当前动态:Apache DB Utils教程_编程入门自学教程_菜鸟教程-免费教程分享
搭一下 Stable Diffusion WebUI
世界观热点:杭州小伙高速开特斯拉 “自动驾驶”变“自动撞车”
全球热消息:GPT-4学会“自我反思”:测试表现提升达30%
世界视讯!酷睿独享大小核架构 至强CPU不会混搭:Intel解释原因
电视画质新高度 乐视发布85寸新品“让影像狂飙”
北京环球影城回应不让摄影师进:不允许商业旅拍 个人可以
每日热文:市应急管理局开展地震监测台站巡查工作
【速看料】JavaScript:数组的sort()排序(遇到负数时如何处理)
游戏内存不能为read是什么原因?游戏内存不能为read的解决方法
魅族MX3上市时间和价格是多少?魅族mx3参数配置
hynix内存条是什么牌子?hynix内存条参数怎么看?
ibooks store不可用是怎么回事?ibooks store不可用怎么解决?
天龙八部3怎么把画面调小?天龙八部3装备评分排行榜
揭秘电诈手段|打开“屏幕共享”,存款不翼而飞
最全.NET Core 、.NET 5、.NET 6和.NET 7简介和区别
数学建模(三):模拟退火算法(SA)
今日要闻!Advanced Installer傻瓜式打包教程
环球快报:“蜀道电行者”打好森林防火“组合拳”
快资讯:日媒:后锂离子电池时代竞争 中国碾压式领先日本、美国
全球今日讯!279元大额券:杰士邦零感003系列18枚30.9元狂促
每日报道:5.75亿超《你的名字》!《铃芽之旅》成中国影史日本动画票房第一
环球快看点丨安徽淮北9级大风:女子睡醒发现房顶被吹走 网友羡慕睡眠质量
知名演员王刚清空社交账号 本人回应:没兴趣没精力经营
热消息:陕西发布清明出行预测:公路基本畅通运行,高速车流量是平日1.3倍
JAVA多线程并发编程-避坑指南
今日热闻!安装MYSQL_5.0/8.0教程(附数据库和客户端工具下载链接)
今日热议:易基因: oxRRBS+RRBS揭示炎症性肠病导致发育异常的表观遗传机制|甲基化研究
今日聚焦!导演陆川:AI 15秒生成的海报 比专业公司一个月做得还好
318川藏线突现雪崩 行车记录仪拍下惊险一幕
世界微资讯!5500元 一图读懂特斯拉补能神器CyberVault赛博充:专为中国用户定制
信息:“喝酒吃药”卷土重来!公募基金重仓股TOP50中贵州茅台仍在榜首,还有17只票被增持(附表)
【报资讯】南漳:油菜花开春意浓
世界观察:揭秘你不知道的“寒食节”:春秋时期延续至今 要吃青团、凉面
车评人批丰田埃尔法不装后防撞梁:一个倒车碰撞车体就变形
天天热资讯!消灭刘海挖孔!曝iPhone 17 Pro将是首款真全面屏苹果手机
全球信息:5A级薄荷抗菌 凉感冰丝太爽:卡帝乐鳄鱼夏季平角裤7.3元/条发车
观焦点:标准版终于要上高刷了!iPhone或2025年全系列引入LTPO技术
天天热讯:扫叶林风后,拾薪山雨前
day35 860. 柠檬水找零
当前快播:全网最详细中英文ChatGPT-GPT-4示例文档-智能AI辅助写作从0到1快速入门——官网推荐的48种最佳应用场景(附python/node.js/
环球微速讯:四月份去贵州旅游好吗_四月份去贵州旅游
戴苹果手表致手腕红肿你遇见没?苹果客服回应:或与皮肤敏感有关
全球微资讯!《拿破仑》年内公映
世界热消息:北汽越野BJ90狂降71万:打2.8折提换壳奔驰GLS
天天观天下!就是玩!马斯克将推特图标换成柴犬头像:还发了一幅漫画
每日讯息!村民回应网传奥迪轿车被当祭品焚烧:确实是意外
前沿热点:美克生能源携手新凤鸣集团 打造5MWh用户侧储能电站
天天关注:男生1900元买iPhone 14 Pro Max开机竟是安卓系统:商家被平台封禁
世界速看:铠侠成功研制出HLC闪存!SSD容量暴增:速度/耐用性比QLC还拉跨
环球观热点:2999元起 魅族20系列首销一秒破亿!京东、天猫多平台销冠
世界即时看!ChatGPT出现大规模封号; 我国移动网络IPv6流量首次突破50%;菜鸟首个航空运货中心落户深圳|Do早报
观焦点:Centos 分割卷组
焦点消息!中国恒大:公司与债权人特别小组成员签订三份重组支持协议
三利好助A股四月开门红 “小阳春”行情值得期待
每日消息!交易拥挤度创23年纪录 TMT板块还能热多久
要闻:国际金融市场早知道:4月4日
环球快资讯丨大家都越骂越买?iPhone 13成全球最畅销手机 小米为安卓挽尊
每日消息!国内将上映!真人电影《小美人鱼》最新预告 这美人鱼网友看完感叹
今日热闻!AMD Zen4加持!ROG首款掌机来了:比Switch强大太多
读SQL进阶教程笔记07_EXISTS谓词
gw文件用什么软件打开手机上_gw文件用什么软件打开
环球快播:《王者荣耀》杨玉环新皮肤官宣:时尚芭莎指导 春天的神女
环球速讯:外卖超20元才送?江苏省消保委:停止被迫“凑单”
前沿热点:LCD电视跌成白菜价 面板一哥京东方去年利润下滑71%