v-model双向绑定数据

   {
   {msg}}

###v-on 事件
    
    
     按钮    
     按钮
    

v-html 能读取html标签

v-class 类名

v-text读取文本不能读取html标签

v-show 显示与隐藏

v-if显示与隐藏 （dom元素的删除添加 个人理解）

v-else

v-else-if

v-bind

    
    
         
     点击
    

v-on 事件

    
    
         
     按钮    
     
    

v-once执行一次事件

    
    
     
      {
   {msg}}
     
    

v-cloak防闪烁

    
    
     
      欢迎--{
   {msg}}
     
    

v-pre 把标签内部的元素原位输出

    
    
     
      欢迎--{
   {msg}}
     
    

总结

Vue简介

特点： mvvm       m=mvc   module 模型   v=view 视图    c=controller  控制器       mvvm       m=mvc   module 模型   v=view 视图     vm (视图与数据之间的传递)       vue1 双向数据绑定   vue2 单向数据流       单页面应用 v-model   数据绑定 data  返回对象用 return  v-for   循环   格式  v-for="字段名 in(of) 数组json"  v-show   显示 隐藏     传递的值为布尔值  true  false  默认为false  v-if   显示与隐藏     和v-show对比的区别 就是是否删除dom节点   默认值为false  v-else-if  必须和v-if连用  v-else  必须和v-if连用  不能单独使用  否则报错   模板编译错误  v-bind  动态绑定  作用： 及时对页面的数据进行更改    v-on 绑定事件  函数必须写在methods里面 @click  快捷方法  v-text  解析文本  v-html   解析html标签  v-bind:class   三种绑定方法  1、对象型  '{red:isred}'  2、三目型   'isred?"red":"blue"'   3、数组型  '[{red:"isred"},{blue:"isblue"}]'  v-once  进入页面时  只渲染一次 不在进行渲染  v-cloak  防止闪烁  v-pre  把标签内部的元素原位输出