初识vue.js

写在前面的:
首先,作为一个android开发,我确实是冲着vue能开发app来学习vue的;<br>
其次,在学习vue没多久就发现其实不是太难;<br>
再次,我确实刚入门,一方面,上班很忙,下班时间也不多,一方面也是为了能更深刻的学习,才开始写一些demo(仅仅简单的demo),争取每天都有demo发表;<br>
最后,我还是衷心希望我的粗浅的博客能对别人有一些作用。


第一天仅为一个很简单很入门的demo(仅一句输出):

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>secondvue</title>
</head>
<body>
<div id="app">{{hello}}</div>
<!-- built files will be auto injected -->
</body>
<!--此处是引入vue,当前demo仅为一个单独页面的引入,一般完整项目可以用<script src="./dist/vue.js"></script>进行引入,此处不能省略-->
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<script >
<!--声明一个渲染-->
new Vue({
<!--el为实例提供挂载元素。值可以是 CSS 选择符,或实际 HTML 元素,或返回 HTML 元素的函数。这里是id为app的元素-->
  el:'#app',
<!--data:Vue 实例的数据对象。Vue 将会递归将 data 的属性转换为 getter/setter,从而让 data 的属性能够响应数据变化。一般来说,就是数据源-->
  data:{
    hello:'my name is vue.js'
  }
})
</script>
</html>

解释:

<script src="https://unpkg.com/vue/dist/vue.js"></script>
此处是引入vue,当前demo仅为一个单独页面的引入,一般完整项目可以用 
              `<script src="./dist/vue.js"></script>`进行引入,此处不能省略。<br>
`el`<br>
el为实例提供挂载元素。值可以是 CSS 选择符,或实际 HTML 元素,或返回 HTML 元素的函数。这里是id为app的元素。<br>
`data`<br>
data:Vue 实例的数据对象。Vue 将会递归将 data 的属性转换为 getter/setter,从而让 data 的属性能够响应数据变化。一般来说,就是数据源。
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • vue.js官网教程学习笔记和学习摘要 起步 安装 一个简单的方法,直接把一个vue.js引入你的HTML页面中,...
    恰皮阅读 3,417评论 2 22
  • 什么是vue.js vue.js是一套构建用户界面的渐进式框架。个人观点,目前大型项目前后端分离已成为趋势,vue...
    Husbin阅读 788评论 0 0
  • 2017年10月9日,美好的一天从早起开始,从有仪式感的早睡结束。养成早睡早起的习惯、练习在电脑上盲打是当前的主要...
    幸福就是刚刚好阅读 164评论 0 0
  • 1. 发送消息 [receiver message];都会被转化成objc_msgSend(receiver, @...
    Z_Han阅读 316评论 0 7
  • 流水行云层山过, 晨风万里花似火。 璐凝飘香袅然若, 梦回千载应不多。
    上官倾城阅读 232评论 0 1