Vue初识

Vue.js是一套构建用户界面的渐进式框架

首先引入js

<div id="app">

let app = new Vue({

        el: '#app',

        data: {

        },

        methods: {

        }

    })

v-cloak 防止页面闪烁  配合display：none

v-text：会替换掉元素里的内容

v-html：可以渲染html界面

v-bind 绑定界面元素  简写：

v-on 绑定事件  简写@

事件修饰符

.stop 阻止冒泡

.prevent 阻止默认事件

.capture 添加事件侦听器时使用事件捕获模式

.self 只当事件在该元素本身触发时触发回调

.once 事件只触发一次

v-model数据双向绑定

v-for 可以遍历数组 对象 数字

key 必须是数字或字符串  唯一

v-if与v-show 都可以隐藏元素

v-if删除dom元素

v-show设置display:none