Vue起步

第一步先下载,有很多下载的方法可以直接进去官网下载https://vuejs.org/js/vue.min.js,如果安装了Node.js和npm可以直接在命令行输入 npm install vue

创建一个新的HTML文件在script标签里引入vue,实例化一个vue

先新建一个div并且给定一个id,随后在script标签里实例化一个vue,el:"id"指挂载的节点,一般是id名称,也就是你需要渲染的区域(id为app的div),data 用于定义属性,实例中有一个message的属性,而div标签中包含了p标签,p标签里的{{ }} 是用于输出对象属性和函数返回值,最终结果会输出:你好,vue


©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 28,088评论 1 45
  • ## 框架和库的区别?> 框架(framework):一套完整的软件设计架构和**解决方案**。> > 库(lib...
    Rui_bdad阅读 8,139评论 1 4
  • 相关概念 混合开发和前后端分离 混合开发(服务器端渲染) 前后端分离后端提供接口,前端开发界面效果(专注于用户的交...
    他爱在黑暗中漫游阅读 7,898评论 4 45
  • vue官方文档:cn.vuejs.org/v2/guide 兼容性 Vue不支持IE8及以下版本,因为Vue使用了...
    sendyLuo阅读 1,566评论 1 0
  • vue是什么? Vue.js(读音 /vjuː/,类似于 view) 是一套构建用户界面的渐进式框架。与其他重量级...
    Mx勇阅读 3,122评论 0 4