VUE的学习速回忆笔记第一节课

一、每一个页面是三个部分 js部分必须要输出name，填写使用的组件

二、slot自己写的组件可以用slot 表示使用组件时内容的插入位置

三、路由要在index里面定义，有三个属性，path是路由，name是routerlink的引用地址，component是对应组件

四、router-link不要使用a链接，会跳转，应该使用router-link :to=’{name:对应的}’ 这样不会跳转，才是前端渲染

五、card和grid bootstrap里card和grid系统好用

六、setup函数中写进入这个view时要执行什么，定义什么内容，可以给setup传入porps和context

七、ref是可以保存基本类型，然后return出去，主要用于双向绑定

八、reactive是保存对象，return出去，可以及时渲染

九、父传子父组件中定义的参数 比如reactive要传给子组件，用v-bind 或者直接 : 绑定 如 :posts=”posts” 然后在子组件中用porps接收，接收以后就可以{{ }}直接用了 如porps:{

posts:{

type:Object,

required:ture,

},

}

十、子传父子组件要给父组件传递信息和参数，比如子组件里面被点击 v-on或@click时，要操作参数，应该让父组件操作参数，因为参数都定义在父组件里。可以是触发点击函数之后，在函数里面用 context.emit(‘父组件事件’, 参数1)；来触发父组件绑定在该子组件上的事件，从而在点击事件之后，子组件做完处理就触发父组件事件，从而转移到父组件事件绑定的函数中去，就可以修改父组件中的参数如reactive，从而修改整个所有引用这个参数的渲染。

十一、v-if 可以判断这个div要不要显示

十二、v-for可以判断这个div要不要循环复制，

如v-for=”post in posts” :key=”post.id”

十三、v-model 双向绑定 主要用于和ref绑定 如 v-model=”content” content是一个return的ref