摘要: v-model="变量名" 双向数据绑定一个变量,基本用在input里获取用户输入的内容v-bind:class="变量名"huo :class="变量名" 双向数据绑定一个变量,用于改变当前标签的class类和CSS样式内容 if判断 v-if="变量名" 或 v-if="变量名 值? 结果:结果 阅读全文
posted @ 2017-12-31 23:31 爱上大树的小猪 阅读(3139) 评论(0) 推荐(0) 编辑
摘要: @click="方法名()" 或 v-on:click="方法名()" 访问绑定一个事件的时候 在HTML标签后 @click.stop="方法名()" 用于阻止冒泡事件(连锁反应),让事件只触发当前所在标签 以上的click也可以更改为其他mouseover等 阅读全文
posted @ 2017-12-31 23:22 爱上大树的小猪 阅读(184) 评论(0) 推荐(0) 编辑
摘要: 标签跳转:相当于a标签,在页面点击后跳转到to指定的路径文件 <router-link to="HelloWorld(网页路径或名字)"></router-link> 在script>methods中: 标签跳转:相当于a标签,在页面点击后跳转到to指定的路径文件 在script>methods中: 阅读全文
posted @ 2017-12-31 23:20 爱上大树的小猪 阅读(414) 评论(0) 推荐(0) 编辑
摘要: 以下所有都是一个方法function 写在script中,当执行到指定步骤的时候运行下述的function方法 beforeCreate 组件实例刚刚被创建,属性都没有 created 实例已经创建完成,属性已经绑定 beforeMount 模板编译之前,页面的{{}}未替换 mounted 模板编 阅读全文
posted @ 2017-12-31 23:16 爱上大树的小猪 阅读(128) 评论(0) 推荐(0) 编辑
摘要: 打开电脑命令提示符 开始菜单-输入cmd-(再输入以下步骤)node -v 查看node.js的当前版本npm install vue -g(全局) 在npm网址(代码仓库)中下载vue全局安装npm install -g vue-cli 在npm网址(代码仓库)中下载vue-cli全局安装 此处需 阅读全文
posted @ 2017-12-31 00:03 爱上大树的小猪 阅读(663) 评论(0) 推荐(0) 编辑
摘要: computed: { >集合所有的计算逻辑。同时把值给return返回,不需要时可不写这个方法 test:function(){ >判断test是否为ture,执行以下function return this.a+1 >讲当前变量a加一,然后返回给前面的变量test } }, watch:{ >监 阅读全文
posted @ 2017-12-31 00:00 爱上大树的小猪 阅读(633) 评论(0) 推荐(0) 编辑