首页 > 其他 > 详细

vue框架学习笔记1

时间:2019-05-04 01:06:59      阅读:170      评论:0      收藏:0      [点我收藏+]

vue1-2:MVVM

  M:Model 数据模型,负责数据存储
  V:View 视图,负责页面的显示
  VM:View Model 负责业务处理,对数据进行加工,之后交给视图

  下载地址:
  <!--中文官网:https://cn.vueis.ors/-->
  <!--vue1源码:http://v1-cn.vuejs.org/js/vue.js-->
  <!--vue2源码:http://unpkg.com/vue@2.2.1/dist/vue.js-->


vue:1-3:Vue常见指令介绍上

1.插值表达式
  {{}}
  当模型中的数据改变时,那么视图中的数据也相应发生改变
2.v-text
  将一个变量的值渲染到指定的元素中
3.v-html
  可以真正输出html元素
4.v-model
  实现数据双向绑定
5.v-bind
  绑定页面中元素的属性
6.v-if和v-show
  v-if:
    作用:判断是否加载固定的内容,如果是true就加载,如果是false就不加载
    语法:v-if=‘布尔表达式‘
  v-show:
    作用:判断是否显示内容
    语法:v-show=‘布尔表达式‘
  v-if和v-show相同点和不同点
    相同点:都可以实现对于一个元素的显示和隐藏操作
    不同点:v-if是将元素移出dom树模型中,v-show只是在这个属性上添加display:none样式而已

vue框架学习笔记1

原文:https://www.cnblogs.com/lianghua190430/p/10807196.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!