Vue2
vue2课程学习
千北kk
萌新小白,头发还很多
展开
-
Vue-router
vue-router的基本使用 1.导入 vue 和 vue-router import Vue from 'vue' import Router from 'vue-router' 2.通过 Vue.use(插件),来安装插件 Vue.use(Router) 3.创建Router对象 const routers = [ ] const router = new Router({ //配置组件和路由之间的映射关系 routers }) 4.将router对象传入到Vue实例原创 2021-07-14 19:47:02 · 78 阅读 · 0 评论 -
Vue插槽
Vue插槽的使用 插槽的基本使用 在组件模板中,使用<slot></slot>标签创建一个插槽,标签中可以添加其他html标签作为默认的标签,在渲染时若没有自定义插槽内,则会自动将默认的标签渲染。若在使用模板时,自定义了插槽内容,则会将默认的插槽内容替换为自定义的内容。若自定义的标签有多个,则这多个标签都会被渲染。 具名插槽 如果在模板中需要使用多个插槽,那么在使用时可以给每一个插槽指定一个name属性,那么在替换时就可以直接指定需要替换的那一个插槽,而不会影响其他插槽。 ..原创 2021-07-12 11:23:07 · 118 阅读 · 0 评论 -
Vue父子组件的值传递
父组件向子组件传递值 props的基本用法 1.现在子组件中添加props属性,并设置好要传入的值的名称 2.在Vue实例中配置好对应需要使用的数据 3.此时在模板中便可以直接使用传递过来的数据 props传值有多种写法 子组件向父组件传递数据 1.在子组件中添加好categories属性,将需要传递给父组件的数据准备好 2.监听子组件点击,点击时发送数据 3.在父组件中自定义函数接受数据 ...原创 2021-07-12 10:07:04 · 43 阅读 · 0 评论 -
Vue父子组件和模板分离
父组件和子组件 组件和组件之间存在层级关系,创建方法如下 1.首先构造两个组件 2.若此时在其中一个组件中注册另一个组件,则可以实现父子组件 此处在cpnc2中注册了组件cpnc1,那么便可以在cpnc2中直接使用cpnc1的模板,cpnc2也称为cpnc1的父组件。 父子组件的错误用法 1.子组件只能在父组件中使用,不能作为全局组件那样在任意地方使用,类似于定义域的概念 模板分离写法 在创建组件时,如果模板太大,往往会造成代码杂乱,可以通过分离模板的方法来书写代码 方法一:script标签方法,原创 2021-07-12 08:01:48 · 209 阅读 · 0 评论