VUE基础学习（一）

VUE是一种基于JavaScript的渐进式语言。VUE是现代三大框架：VUE,React,Anglar之一。VUE不关心DOM结构。

一，引入js

<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>

二，在html中使用vue对象的变量

 <div id="app">
        {
   {str}}
    </div>
    <script>
        new Vue({
            el:"#app",
            data:{
                str:"snail"
            }
        })
    </script>

第一步，需要在要使用vue的块中加上id。

第二步，使用new操作符调用Vue函数并将一个对象作为参数传入。

第三步，参数对象的第一个属性是el，它用来指定要使用的vue的dom元素。

第四步，在要使用的div块中使用{ {}}可以将变量插入其中。

结果是这样的：

 

三，v-model双向元素绑定<