摘要: 父组件页面中在script写入方法components 在父组件中获取到子组件的内容:在components中完成命名后,使用标签 阅读全文
posted @ 2018-01-01 11:50 爱上大树的小猪 阅读(1179) 评论(0) 推荐(0) 编辑
摘要: 父网页代码 子网页代码 详细说明 要将父组件中的变量传递给子组件:在子组件中完成props方法中的变量命名后 子组件中-->props:{ 固定写法 ttt:{ 也可以是空对象,以下的变量值都不写 default:0 设置默认值default为0 type:Number 这里一旦定义值的类型,如果不 阅读全文
posted @ 2018-01-01 11:45 爱上大树的小猪 阅读(2057) 评论(0) 推荐(0) 编辑
摘要: v-for="(变量名,下标名) in 目标数组" :key="下标名" 相当于for循环在页面直接输出 阅读全文
posted @ 2017-12-31 23:34 爱上大树的小猪 阅读(373) 评论(0) 推荐(0) 编辑
摘要: v-model="变量名" 双向数据绑定一个变量,基本用在input里获取用户输入的内容v-bind:class="变量名"huo :class="变量名" 双向数据绑定一个变量,用于改变当前标签的class类和CSS样式内容 if判断 v-if="变量名" 或 v-if="变量名 值? 结果:结果 阅读全文
posted @ 2017-12-31 23:31 爱上大树的小猪 阅读(3171) 评论(0) 推荐(0) 编辑
摘要: @click="方法名()" 或 v-on:click="方法名()" 访问绑定一个事件的时候 在HTML标签后 @click.stop="方法名()" 用于阻止冒泡事件(连锁反应),让事件只触发当前所在标签 以上的click也可以更改为其他mouseover等 阅读全文
posted @ 2017-12-31 23:22 爱上大树的小猪 阅读(186) 评论(0) 推荐(0) 编辑
摘要: 标签跳转:相当于a标签,在页面点击后跳转到to指定的路径文件 <router-link to="HelloWorld(网页路径或名字)"></router-link> 在script>methods中: 标签跳转:相当于a标签,在页面点击后跳转到to指定的路径文件 在script>methods中: 阅读全文
posted @ 2017-12-31 23:20 爱上大树的小猪 阅读(417) 评论(0) 推荐(0) 编辑
摘要: 以下所有都是一个方法function 写在script中,当执行到指定步骤的时候运行下述的function方法 beforeCreate 组件实例刚刚被创建,属性都没有 created 实例已经创建完成,属性已经绑定 beforeMount 模板编译之前,页面的{{}}未替换 mounted 模板编 阅读全文
posted @ 2017-12-31 23:16 爱上大树的小猪 阅读(130) 评论(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 爱上大树的小猪 阅读(672) 评论(0) 推荐(0) 编辑
摘要: computed: { >集合所有的计算逻辑。同时把值给return返回,不需要时可不写这个方法 test:function(){ >判断test是否为ture,执行以下function return this.a+1 >讲当前变量a加一,然后返回给前面的变量test } }, watch:{ >监 阅读全文
posted @ 2017-12-31 00:00 爱上大树的小猪 阅读(636) 评论(0) 推荐(0) 编辑