gary的博客

watch 作用 ：监听值，可监听所有的值，监听指的是只要我所监听的的值发生了改变，就会触发特定的方法，官方案例及写法：var vm = new Vue({ el: '#demo', data: { firstName: 'Foo', lastName: 'Bar', fullName: 'Foo Bar' }, watch: { //监听了firstNa

禁止body或者可滑动元素的 touchmove 事件例: vuethis.$nextTick(() => { // 通过refs拿到dom元素, 给dom元素绑定touchmove事件, 其内容做操作 this.$refs.dom.addEventListener('touchmove', function (e) { if (!e.isSCROLL) { e.pr...

template <img  :onerror="errorUserPhoto" :src="'Ecp.Picture.view.img?pictureId=' + head_pic" />script import userPhoto from '@/assets/images/userPhoto.jpg'data() {    return {      e...

this.$refs['通过设置ref获取到的dom元素'].getBoundingClientRect();//示例: 获取元素距离顶部的距离this.$refs.journalUpward.getBoundingClientRect().top// 获取组件高度this.$refs.top.$el.offsetHeight// 设置元素样式th...

el - 表示DOM元素， data - 表示数据deforecreated: el和data并未初始化created: 完成了data数据的初始化，el没有beforeMount: 完成了el和data初始化mounted:  完成挂载 (el和data都初始化完成，并且挂载在页面上了)!!!!!!!! 注意：以下勾子只能在 keep-alive 下有用；

vue 动态添加class类名，灵活得让你发狂，下面示例几个<template>    <div>        <h2>动态添加类名</h2>        <!-- 第一种方式:对象的形式 -->        <!-- 第一个参数 类名， 第二个参数：boolean值 -->        &lt...

watch:{} 对象，可监听数据，数据发生变化， 处理函数 目的： watch虽可监听，但只是浅监听，只监听数据第一层或者第二层，何为第二层？ let obj = {name: 'xx', child: {age: 11}};  child之后的值就为第二层或者深层实现目标: 如果 要监听一个对象中的属性，属性最高也是第二层了，watch可能监听不到，  所有要使用深...

简单操作，与官网相同<template>    <div>        <h2>vue form表单</h2>        <!-- 复选框 -->        <input type="checkbox" id="dis" v-model="dis">   

1、过滤器使用:              {{123456.123456 | numberFil}}               {{12.456789 | numberFilArgument( 2 ) }}               {{987.654321 | numberFil | precentFormat}}    2、过滤器定义

不解释，直接贴代码                      大按钮                                                小按钮                                跳转到本页

用vue写PC端时，难免会涉及到按键，比如，按回车键提交表单等等，以下代码可直接懂，关键点是， keyup 事件            键值修饰符                回车触发                                    .enter (回车键)            .tab (Tab键)       

详细 事件冒泡与取消默认事件 请跳转至 ☞http://blog.csdn.net/qq940853667/article/details/77151701以下是常用的事件，跟着代码写就好了            事件修饰符                                                 

安装、引用npm install axios --save-dev // 安装到生成环境import Axios from 'axios'本次封装运用class类进行封装当new class类时, 默认执行class类中constructor()方法；class Http { constructor() { // new Http() 默认执行该方法 }}export d...