vue:1-2,基础语法、监听、过滤器、获取数据

绑定属性 v-bind:id=“data内的属性值” 或者 :id=“data内的属性值” 两种方法

(src  title  class  name等属性写法一样)

计算属性  放在computed:{//函数}  效率高  methods设置效率低

1.在模板中表达式非常便利,但是它们实际上只用于简单的操作。

2.模板是为了描述视图的结构。在模板中放入太多的逻辑会让模板过重且难以维护。这就是为什么 Vue.js 将绑定表达式限制为一个表达式。如果需要多于一个表达式的逻辑,应当使用计算属性。


在 Vue.js 中,你可以通过 computed 选项定义计算属性


监听

第一种写法vm.$watch(‘’,function( newvalue,oldvalue){ })

第二种写法 直接在vue初始化中通过

watch{msg:function(newvalue,oldvalue){}}

过滤器

Vue.filter(‘过滤器名字’,function(value){

return //具体操作

})

Vue2.0自定义过滤器,vue1.0提供内置


获取数据

1. 应用fetch或axios 获取数据 axios 是vue2.0

  插件网址  https://github.com/mzabriskie/axios

需要引入 axios。js

Eg:get方式

var _that=this;  /*注意this的作用域*/

          axios.get(url)

          .then(function (response) {

              console.log(response.data.result);

              _that.list=response.data.result;

          })

          .catch(function (error) {

              console.log(error);

          });

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 这篇笔记主要包含 Vue 2 不同于 Vue 1 或者特有的内容,还有我对于 Vue 1.0 印象不深的内容。关于...
    云之外阅读 5,186评论 0 29
  • 一、什么是Vue? Vue.js(读音 /vjuː/, 类似于 view)是一个构建数据驱动的 web 界面的渐进...
    旺旺小小酥_d3fc阅读 690评论 0 0
  • vue笔记 一.vue实例 vue的生命周期 beforeCreate(创建前), created(创建后), b...
    秋殇1002阅读 1,132评论 0 1
  • 现在该怎么读书?其次是书读不过来怎么办? 这两个问题,第一个问题对所有人是真问题,第二个问题对一些人是真问题。书读...
    微澜细语阅读 553评论 4 6
  • 对女人说话要带着欣赏,对男人说话要给他面子,对小孩说话要了解他的天真。 男人的面子是有多重要,我一直很不能理解,是...
    禾子筱敏阅读 381评论 0 0

友情链接更多精彩内容