vue.js缝合笔记

一、常用指令

  1. v-bind 绑定html属性,class和style两个属性较为特殊
  2. v-for 循环,既可循环数字,也可循环数组和对象
  3. v-if/else 当后面为真值时,该标签才存在
  4. v-on 绑定事件,注意事件的修饰符很有用
  5. v-model 针对表单的数据双向绑定
  6. v-show 控制css的display在none和非none之前切换

二、模板

  1. 插入文本 {{msg}}直接放在html标签即可
  2. 对于属性的插值不支持mustache要用v-bind
  3. v-once 一次性插值,当数据改变时也不会变化,会影响整个标签
  4. v-html 直接渲染html内容

三、过滤器(用来过滤模板数据)

内置的过滤器已经被移除了

  1. 过滤器分为全局注册和局部删除
  2. 可以接收多个参数,但是默认的value是需要过滤的模板内容

四、通过插件vue-resource来实现请求和响应

待续。。。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,026评论 19 139
  • 这篇笔记主要包含 Vue 2 不同于 Vue 1 或者特有的内容,还有我对于 Vue 1.0 印象不深的内容。关于...
    云之外阅读 5,082评论 0 29
  • 1.安装 可以简单地在页面引入Vue.js作为独立版本,Vue即被注册为全局变量,可以在页面使用了。 如果希望搭建...
    Awey阅读 11,109评论 4 129
  • 下载安装搭建环境 可以选npm安装,或者简单下载一个开发版的vue.js文件 浏览器打开加载有vue的文档时,控制...
    冥冥2017阅读 6,103评论 0 42
  • Vue 实例 属性和方法 每个 Vue 实例都会代理其 data 对象里所有的属性:var data = { a:...
    云之外阅读 2,258评论 0 6