Vue.js笔记2-介绍

https://cn.vuejs.org/v2/guide/index.html

特点:

介绍 — Vue.js自底向上逐层应用

介绍 — Vue.js

关注视图层

简易数据渲染:

<div id="app">
  {{ message }}
</div>
var app = new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue!'
  }
})

绑定元素:

<div id="app-2">
  <span v-bind:title="message">
    鼠标悬停几秒钟查看此处动态绑定的提示信息!
  </span>
</div>
var app2 = new Vue({
  el: '#app-2',
  data: {
    message: '页面加载于 ' + new Date().toLocaleString()
  }
})

鼠标悬停几秒钟查看此处动态绑定的提示信息!

发表评论

邮箱地址不会被公开。 必填项已用*标注