Vue
文章平均质量分 59
大飞飞鱼
做自己喜欢的事情,任凭别人去说吧
展开
-
Vue路由与 vue-router 的使用说明手册
vue-router 基本使用 路由,其实就是指向的意思,当我点击页面上的home按钮时,页面中就要显示home的内容,如果点击页面上的about 按钮,页面中就要显示about 的内容。Home按钮 => home 内容, about按钮 => about 内容,也可以说是一种映射. 所以在页面上有两个部分,一个是点击部分,一个是点击之后,显示内容的部分。点击之后,怎么做到正确的对应,比如,我点击home 按钮,页面中怎么就正好能显示home的内容。这就要在js 文件中配置路由。路由原创 2021-06-01 16:20:51 · 367 阅读 · 0 评论 -
Vue 中的组件名称命名说明
在使用Vue自定义组件时,需要给组件命名,即在注册一个组件的时候,我们始终需要给它一个名字。比如在全局注册的时候我们已经看到了:Vue.component('my-component-name', { /* ... */ })该组件名就是Vue.component的第一个参数。给予组件的名字可能依赖于打算拿它来做什么。当直接在 DOM 中使用一个组件 (而不是在字符串模板或单文件组件) 的时候,强烈推荐遵循W3C 规范中的自定义组件名 (字母全小写且必须包含一个连字符)。这会...原创 2021-08-22 12:02:34 · 4096 阅读 · 1 评论 -
v-bind,v-on 缩写, 冒号与@
<!-- 完整语法 --><a v-bind:href="url">...</a><!-- 缩写 --><a :href="url">...</a><!-- 动态参数的缩写 (2.6.0+) --><a :[key]="url"> ... </a>v-on缩写<!-- 完整语法 --><a v-on:click="doSomething">...&..原创 2021-08-22 11:49:15 · 617 阅读 · 0 评论 -
Vue——slot的含义是什么, slot之详细解释
slot 英文的意思是“插槽”的意思,vue用这个词做标签,意思是能够在这个标签里插入一些东西,是由调用组件(父组件)向其调用的子组件里插入一些东西的一个解决办法。slot的语法如下:<slot></slot>以上这段代码是书写在需要支持插入能力的子组件里的,有了这段标签代码后,子组件就支持父组件向其内部插入东西了。一个支持slot的子组件的模板html如下:<template> <div class="slot-child">原创 2021-08-22 10:31:19 · 3552 阅读 · 0 评论