vue计算属性与数据监听（十）

2018-08-28

一、监听属性

我们在工作中常常需要监听某一个属性值的变化，这个时候我们就需要用到了监听属性watch

vue组件（九)

2018-08-27

一、组件的基本使用

1.1 注册组件

vue过滤器（八）

2018-08-27

一、全局过滤器

// 第一个参数表示：过滤器的名称
// 第二个参数表示：函数，使用过滤器的时候，这个函数中的代码会被执行
Vue.filter('filterName', function (value) {
  // value 表示要过滤的内容
})

vue 表单控件与绑定（七）

2018-08-27

一、文本框

1.1 普通文本框

<div id="app-1">
    <p><input v-model="textBox" placeholder="输入内容...">输入的内容：{{ textBox }}</p>
</div>
<script type="text/javascript">
    var vm1 = new Vue({
        el: '#app-1',
        data: {
            textBox: ''
        }
    })
</script>

vue事件（六）

2018-08-27

一、方法传参

<div id="test">
    <button @click="sayHi('你好')">说你好</button> <!--这里使用@-->
    <button @click="sayHi('我被点击了')">说我被点击了</button> <!--这里使用@-->
</div>
<script type="text/javascript">
    var myVue = new Vue({
        el: '#test',
        methods: {      //这里使用methods
            sayHi: function (message) {
                alert(message)
            }
        }
    })
</script>

vue生命周期（五）

2018-08-26

每个Vue实例在被创建之前都要经过一系列的初始化过程,这个过程就是vue的生命周期

一、生命周期钩子函数

vue 基本指令（四）

2018-08-26

vue之class与style绑定（三）

2018-08-26

一、绑定HTML class

有三种方法 1、直接绑定 2、数据属性绑定 3、计算属性绑定

vue中的数据绑定（二）

2018-08-26

Vue 对象的改变会直接影响到 HTML 的标签的变化，而且标签的变化也会反过来影响 Vue 对象的属性的变化

初识vue与环境搭建（一）

2018-08-26

一、初识

Vue框架是一个MVVM框架，Module和view是双向绑定的。vue没有控制器的概念，它的核心思想是数据驱动，状态管理，以及组件化。