Vue基础(2)- 使用Vue的第一步

1.官方文档传送门 https://cn.vuejs.org/

2.其实vue的使用操作很像我们平常在做的导包入包,官方提供了两个版本的vue,but在学习阶段建议使用开发版本,即完整版,除了可以完整的看到整个框架涵盖的内容,同时包括所有完整的警告提示,在学习阶段中容易让我们发现错误及时改正;生产版本,也可以称之为mini版本,运行速度较快,代码压缩,but没有帮助的提示信息。

3.html中插入有关html的语法

<!-- 开发环境版本,包含了有帮助的命令行警告 -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

4.html中插入有关html的语法

<div id="app">
  {{ message }}
</div>

5.Js中插入有关Js的语法

var app = new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue!'
  }
})

6.总结:
a.导入 开发版本 的Vue.js
b.创建Vue实例对象,设置 el 属性和 data 属性
c.使用简洁的 模板语法 把数据渲染到页面上。

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

推荐阅读更多精彩内容

  • 靠什么生活成你想要的样子?消费贷款? 你想要的生活是什么样子?去未知的远方旅行,看那些攻略中的风景?去某猫购买明星...
    刀客181阅读 141评论 3 0
  • 双11剁的手还没长出来,双12又到了。到底这些没完没了的电商活动,是为了啥? 一切,都要从运营的重要性开始聊…… ...
    运营喵网阅读 629评论 0 7
  • 长方体和正方体是我经常在案前捉急的东西,但经过了这次训练,我不仅在思维上得到了提升,也在长方体和正方体这一点上也有...
    清泉寒梅阅读 341评论 0 3
  • 感恩周末的到来我可以见到儿子,和他在一起呆上一天半,感恩湖儿要和我一起去接哥哥,在众多校服的学生中认出她的哥哥,然...
    归韵阅读 68评论 0 0