vue基础1

第一步：引入vue.js的库文件

var  vm=new Vue({

el:'元素位置'，：元素关联位置,可以是css选择器或者是dom元素

data:{msg  :'内容'}})  :模型数据

{{插值表达式}}（支持简单的计算）

                                                             vue模板语法

指令：v-cloak 解决闪动问题（闪动：当浏览器反应速度慢，会先显示括号的内容）

         v-text 指令用于将数据填充到标签中，作用于插值表达式类似，但是没有闪动问题

        v-html指令用于将HTML片段填充到标签中，但是可能有安全问题

        v-pre用于显示原始信息(不带样式)

        响应式：数据变化导致页面内容发生变化

        数据绑定：将数据填充到标签中

         v-once的应用场景：如果显示的信息后续不需要再修改，你们可以使用v-once，这样可以提            高性能

        v-model :双向绑定出现一个输入框，页面影响数据，数据影响页面

         v-on:添加事件绑定（也可以将v-on改成@）

        $event:如果事件绑定函数调用，那么事件对象必须作为最后一个参数显示传递，

                 并且事件对象的名称必须是$event 

阻止冒泡： event.stopPropagation()

阻止默认行为：event.preventDefault()阻止页面跳转（两个阻止行为要在事件后v-on添加，可以连写）

keyup:添加按键修饰符，添加按键事件

 Vue.config.keyCodes.+定义的键盘修饰符，自定义按键修饰符