首先到官网下载:js依赖项。
根据需求,选择【开发环境】或者【生产环境】中的一个即可
开发环境:https://cdn.jsdelivr.net/npm/vue/dist/vue.js
生产环境:https://cdn.jsdelivr.net/npm/vue
说明:
开发环境是用于开发中使用,具有语法预警功能
生产环境是用于正式发布项目的时候,生成环境的体积小

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Vue demo</title><!-- ① 引入vue 依赖项--><script type="text/javascript" src="js/vue.min.js"></script>
</head>
<body><div id="myVue"><!-- ④在这里显示值  显示语法: {{变量名}} -->{{name}}<!----></div><script>/* ② 定义Vue全局变量*/var app = new Vue({/* ③ 通过id绑定 */el:"#myVue",data:{"name":"helloWord"}});/*也可以直接调用 app.name 显示值*/console.debug(app.name);</script>
</body>
</html>

结果:

vue.js快速入门 1相关推荐

  1. (vue基础试炼_01)使用vue.js 快速入门hello world

    文章目录 一.需求案例 二.案例实现 2.1. 原始js写法 2.2. 怎样使用vue.js ? 2.3. 使用vue.js 写法 三.案例vue简述? 四.案例趣味延伸 五.表达值作用及嘱咐语 一. ...

  2. Vue.js快速入门之八:实现登录功能

    系统登录是指用户必须提供满足一定条件的信息后,才可以进入系统.最早系统一般是指用户名和密码,如今,登录方式已多元化,系统一般登录方式有:用户名+密码.二维码扫码登录.第三方授权登录.手机号+短信登录等 ...

  3. vue.js快速入门

    以前看到多少天学习系列,我都深感烦躁,短短几天怎么可以精通,那是对于他们而言.但是,今天我要写一个快速入门,本人觉得还是有一点用处,因为,我不可能在一天之内精通某种东西,却可以在一两小时入门. 回到v ...

  4. Vue.js快速入门+项目实战(源码)

    Vue.js电影网站项目 github 链接(如果觉得有用记得start哦~): 项目源代码链接 目录 前言 安装 Vue.js 1.Vue.js主要特性 2.Vue.js实例 3.Vue.js路由 ...

  5. Vue.js快速入门之五:Mockjs的使用和语法详解

    在前后端分离的开发中,需要前后台同时开发,但是在后端完成前,暂时是没有数据返回给前端使用的,如果先写静态后面再改,就有重复工作的内耗存在.所以开发初始前端会使用模拟数据,这里使用是mockjs. Mo ...

  6. 前端《Vue.js从入门到项目实战》PDF课件+《微信小程序实战入门第2版》PDF代码调试

    JS进行开发,正如一切的编程语言都立足于电元信号的正负极,即01码,可为什么软件都不采用二进制编码来 进行开发呢?这里面牵扯到一个成本的问题,这正是影响项目领导者进行决策的关键因素.Vue项目与原生J ...

  7. .NET Core实战项目之CMS 第六章 入门篇-Vue的快速入门及其使用

    写在前面 上面文章我给大家介绍了Dapper这个ORM框架的简单使用,大伙会用了嘛!本来今天这篇文章是要讲Vue的快速入门的,原因是想在后面的文章中使用Vue进行这个CMS系统的后台管理界面的实现.但 ...

  8. [Vue.js 1] 入门基础知识与开发

    最近接触的几个项目框架全部用到了Vue.js技术,没办法只能对vuejs进行深入学习,不过可喜的是Vue.js学习路线非常快,上手也是非常快的,所以对于前端开发也是主流的开发框架了.不过其中的js部分 ...

  9. 前端-Vue.js从入门到精通基础笔记(理论+实操+知识点速查)

    #[2022.3]尚硅谷Vue.js从入门到精通基础笔记(理论+实操+知识点速查) 前言 本文完全基于 参考资料:加工整理而成,包括其代码,案例,资源等.前置知识是学习尚硅谷的视频教程,本文配合其教程 ...

  10. 54 Node.js快速入门

    技术交流QQ群:1027579432,欢迎你的加入! 欢迎关注我的微信公众号:CurryCoder的程序人生 1.Node开发概述 1.1 为什么要学习服务器端开发基础 能够与后端程序员更加紧密的配合 ...

最新文章

  1. linux同步工具rsync​
  2. ios6.x越狱将不会再呈现了
  3. iOS9系统下SEGV_ACCERR问题的解决方案
  4. 如何将mysql5的sql文件导入到mysql4?
  5. java多线程传值覆盖_Java 多线程传值的四种方法
  6. 程序人生:程序员的9个层次,你属于哪个层次?
  7. 第11章-img特征,vertical-align,cursor,opacity
  8. 解决: java.net.ConnectException: Connection refused: connect
  9. 助人快乐:笔记本连网
  10. vscode弹出cmd_先看看 VS Code Extension 知识点,再写个 VS Code 扩展玩玩
  11. ReportViewer教程(14)-钻取报表和传入参数
  12. 前端:CSS/12/display属性,overflow属性,cursor光标类型,CSS定位,综合案例:今日闪价
  13. android移动应用开发思维导图_这些地方应用思维导图就对了
  14. webService(简单小demo)
  15. 瑞幸咖啡考虑重回纳斯达克上市 官方回应:报道不实
  16. 沃尔玛痛失世界最大零售商 电商凶猛!
  17. 替罪羊树—BZOJ3224: Tyvj 1728 普通平衡树
  18. 关于在openstack执行nova get-vnc-console命令,无法得到vnc url并提示服务器超时的问题描述...
  19. 功能测试的时代,结束了?
  20. MySQL 5.7.18忘记密码和密码过期解决

热门文章

  1. Foobar2000的配置及优化
  2. Java面试宝典(超级详细)
  3. 史蒂夫 乔布斯:遗失的访谈
  4. [MSSQL]SQL简繁转换函数
  5. HTML5CSS3网页设计仿微信通讯录页
  6. 强制更改wifi名前缀CMCC
  7. 解析OA系统易用性的价值和意义
  8. linux控制主机风扇转速,怎么调整cpu风扇转速 cpu风扇转速调整方法【详解】
  9. 《21天学通C语言(第7版)》一6.6 课后研习
  10. python查找文字在图片中的位置_python实现简单图片文字识别翻译OCR