-
v-show:控制DOM的显示与否
v-if:控制DOM的存在与否
v-show:控制一组数据,循环显示在页面上。
v-show比v-if的性能更高,适用于对DOM高频率的操作。
v-for 必须有一个唯一的key值,key值可以用index,但数据循环变更,排序等,用index是有问题的。
查看全部 -
计算属性是根据new Vue 里面date的变化计算出值;
侦听器是根据date,计算属性所发生的变化,去做业务逻辑的运算
查看全部 -
改变安装路径 需要 cd … 不同盘符需要 cd /d F:/name
1)、npm install --global vue-cli 全局安装vue脚手架工具 vue-cli
2)、vue init webpack my-project
创建一个基于webpack模版的新项目 项目名称不能有大写字母
3)、cd my-project 进入到项目目录
4)、npm run dev 运行项目
查看全部 -
父组件通过属性向子组件传递数据;子组件通过$emit发布事件,父组件订阅该事件的方式向父组件传递数据。
查看全部 -
在vue-cli里面data的表示方式是函数的形式,而不是对象了
查看全部 -
Vue实例=组件
查看全部 -
v-if,v-show,v-for
v-if 直接删除dom元素,再添加的过程
v-show是添加属性display:none,
如果是频繁的操作,建议使用v-show
如果只是一次操作,就用v-if
v-if ——> true时,内容显示,false时,内容删除。
方法:this.show = !this.show;
v-for——>循环,加一个 key属性 可以加快渲染速度,key 的值不能一样,所以可以使用 index 。
绑定事件简写,v-on:click=可以写成@click的形式。
v-bind: 可以简写为 :
查看全部 -
绑定事件简写,v-on:click=可以写成@click的形式。查看全部
-
挂载点,就是与vue实例绑定的元素, 模版,就是vue里面的的一个属性template,字符串里面可以写html标签和,msg查看全部
-
<template>内只能有一个最外层的包裹元素。
查看全部 -
vue实例和挂载点的绑定,绑定那个元素element然后通过两个花括号来引用数据查看全部
-
子组件可以使用 $emit 触发父组件的自定义事件。
this.$emit('delete',this.index); <!-- 组件向外触发了一个事件'delete',这个事件携带了index的值 -->
查看全部 -
vue当中,父组件向子组件传值是通过属性的形式进行传值的。
查看全部 -
vue里面每个组件都是一个vue实例。
查看全部 -
重点内容:
props:['content'], <!--接收外部的content属性-->
查看全部
举报