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);

          });

你可能感兴趣的:(vue:1-2,基础语法、监听、过滤器、获取数据)