vue学习之旅：入门

Posted 2020-09-24 永醉雨辰

首先利用脚手架vue cli搭建vue环境

引入 vue

<script src="https://unpkg.com/vue/dist/vue.js"></script>

 

然后参照官网 （https://cn.vuejs.org/v2/guide/）

做demo

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

js

<script type="text/javascript">
   var app = new Vue({
        el: ‘#app‘,
        data: {
        　　message: ‘Hello Vue!‘
  　　　}
})

new Vue()： 声明一个vue对象
ele ：（即element），页面元素（ el: ‘#app‘，指向 id="app"的元素）
data: 数据

 {{}}： 绑定，{{message}}表示绑定到vue对象里的message
——————————————————————————————————————————————-