Python--前端之路-----Vue 事件监听、表单数据绑定

Vue
    导入Vue
        <script str="./vue.min.js"> <script>
    创建vue对象
        加载后执行：<script> window.οnlοad=function(){ new Vue... } <script>
        绑定：var vm= new Vue({ el:"#标签的id，此处类似于选择器", 属性，方法 })
        属性：data：{属性1："值1", 属性2：值2，属性：true}
        方法：methods：{ 方法名1: function (){执行内容}，方法名2: function(){执行内容} }
        监听：watch：{属性名：function(){ 监听vue属性的数据变化，属性发生修改执行的内容}，... }
        计算型属性：computed：{属性名：function(){属性计算，可以使用js内置方法，return 计算后的属性}}，引用使用时和普通属性一样，{ {属性名}}
        自定义指令：directives：{  指令名:{ 发生时态:function(el){el.属性操作，el代表当前原生js对象}，发生时态2:function(el){...}}}，详见下面内容
    js内使用
        通过vue对象名.属性，vue.方法
        本对象内使用当前对象属性：this.属性
    使用   :标签内容.属性
        设置标签内容
            <div id='ces'> { {属性名}}  </div>
        设置标签属性
            <div id='ces' v-bind:标签属性名='vue属性名'> </div>
            如：<div id='ces' v-bind:class='属性名'> </div>
            简写：<div id='ces' :class='属性名'>
        设置多个标签属性值
            <div id='ces' :标签属性名=[vue属性名1,  属性名2]> </div>
            <div id='ces' :标签属性名=['固定值',  属性名