vue学习(一)初步了解 vue实例

//html:
<div id="app">
  <p>{{msg}}<p>
</div>


//script 须要引入jar包vue-2.4.0.js
<script>
  var vm = new Vue({
    el:'app'
    data:{
      msg:'hello,vue'
    }
  })
</sctipt>

说明:html

p标签中的两个大括号 叫作 插值表达式,顾名思义就是 插入值用的vue

vue对象中的el 就是为了表示 new的这个vue对象是用来控制页面上的那个区域。app

data中存放的是el中要使用到的数据。另外说一点 页面中须要用到的数据都须要在data中声明出来dom

vue不提倡咱们操做dom节点。spa

相关文章
相关标签/搜索