浅谈vue.js基础

1.   vue.js简介

渐进式前端框架，类似框架有angular和react，mvvc模式。

2.   常规使用

简单实现，如何new 一个Vue。

new Vue({

el: ‘app’,

data: {

                            msg: ‘hello word!’

}

});

3.   常用标签

v-model: 双向绑定s

v-bind: 绑定原生html属性，v-bind:href缩写 @href

v-on: 绑定事件，v-on:click缩写 :click，可用事件修饰符和按键修饰符

v-if: 条件语句，template中使用有奇效

v-else-if: 条件语句

v-else: 条件语句

v-for: 循环语句，in of都可，数组（2参index）、对象（2参key，3参index）等

4.   组件化

a.在原有vue上扩展自定义组件：

var Comp = Vue.extend({

                            props: [‘todo’],

                            template: ‘{{ todo }}’

});

Vue.component(‘temp’, Comp);

 

b.直接直定义组件：

Vue.component(‘temp’, {

                            Props: [‘todo’],

                            Template: ‘{{ todo }}’

});

5.   创建Vue的其他常用属性

mothods: 方法，事件调用等使用

computed: 计算后，与方法类似，区别在于计算是基于缓存

filter: 过滤器，{{ msg | uppercase }}

下载此文档：浅谈vue.js基础   类型：docx,   大小：15 KB