weixin_42867002的博客

vue默认会复用已有元素，用key可以区分是否复用label聚焦，点击label可以将焦点聚焦到for所对应的id<div class="app"> <span v-if="show"> <label for="number">用户账号</label> <input id="number" placeholder="用户账号" key="number"> <

v-if是真正的条件渲染，为false时就不会出现在dom中，不会渲染v-show为fasle时它仍然在dom中，仍会渲染，只是display=none所以，如果要频繁切换使用v-show好些，不频繁切换使用v-if好些<div class="app"> <span v-if="show">{{message}}</span><br> <span v-show="show">{{message}}</sp

1.v-on:click.stop="" //点击按钮1会触发div的事件，但点击按钮2不会<div class="app" v-on:click="appClick"> <button v-on:click="btnClick1">按钮1</button> <button v-on:click.stop="btnClick2">按钮2</button> </div> <scri

编程分为两类：系统编程（system programming）和应用编程（application programming）。所谓系统编程，简单来说，就是编写库；而应用编程就是利用写好的各种库来编写具某种功用的程序，也就是应用。系统程序员会给自己写的库留下一些接口，即API（application programming interface，应用编程接口），以供应用程序员使用。所以在抽象层的图示里，库位于应用的底下。当程序跑起来时，一般情况下，应用程序（application program）会时常通过API

全局注册//全局注册的组件所有的Vue实例都可以引用Vue.component('my-component',{ data:function(){ return{ count:0 } } template:"<button click='count++'>You click {{count}} times;</button>"})局部注册var ComponentA={ data:function(){ return{ count:0

一：先安装node历史版本下载最新下载地址国内下载地址二：安装Vue1.检查node环境(npm包管理器，是集成在node中的，所以安装了node也就有了npm,直接输入 npm -v命令，显示npm的版本信息)2.由于有些npm资源被屏蔽或者是国外资源,会导致npm安装依赖包的时候失败,所以我们还需要npm的国内镜像----cnpm（淘宝的镜像）输入 `npm install -...