vue
文章平均质量分 50
1105065844
这个作者很懒,什么都没留下…
展开
-
vue插槽slot
插槽就是子组件提供给父组件使用的一个占位符,用 表示,父组件可以在这个占位符中填充任何模板代码,如 HTML、组件等,填充的内容会替换子组件的标签。 子组件 <template> <div> <h1>今天天气状况:</h1> <slot></slot> </div> </template> <script> export default {原创 2021-06-02 09:57:32 · 187 阅读 · 0 评论 -
vue计算属性与侦听器
执行顺序: beforeCreate ->inject -> Props -> Methods -> Data -> Computed-> Watch ->provide-> created vue的computed选项主要用于同步对数据的处理,而watch选项主要用于事件的派发,可异步. 这两者都能达到同样的效果,但是基于它们各自的特点,使用场景会有一些区分. computed拥有缓存属性,只有当依赖的数据发生变化时,关联的数据才会变化,适用于计算.原创 2021-02-02 10:09:13 · 215 阅读 · 0 评论 -
vue mixin
1.理解 可以定义共用的变量,在每个组件中使用,引入组件中之后,各个变量是相互独立的,值的修改在组件中不会相互影响。 引入组件之后与组件中的对象和方法进行合并,相当于扩展了父组件的对象与方法,可以理解为形成了一个新的组件 ...原创 2021-01-11 14:58:07 · 115 阅读 · 0 评论 -
vue 路由
1.初始写法 非懒加载 import Index from "@/components/index" const router = new Router({ routes: [ { path: '/', name: 'Index' component: Index, } ] }) 2.懒加载 { path原创 2020-11-11 10:12:22 · 149 阅读 · 0 评论 -
vuex属性
1.state State 提供唯一的公共数据源,所有共享的数据都要统一放到 Store 的 State 中进行存储。 // 创建store数据源,提供唯一公共数据 const store = new Vuex.Store({ state: { count: 0 } }) 组件访问 State 中数据的第一种方式: this.$store.state.全局数据名称 组件访问 State 中数据的第二种方式: // 1. 从 vuex 中按需导入 mapState 函数 import { mapS原创 2020-10-25 16:00:12 · 206 阅读 · 0 评论 -
vue组件传值
1.父组件向子组件传值 父组件通过属性将值传递给子组件 <menu-item title="来自父组件的数据"></menu-item> <menu-item :title="title"></menu-item> 组件内部通过props接收传递过来的值 Vue.component(‘menu-item', { props: ['title'], template: '<div>{{ title }}</div>' }) 2.子原创 2020-10-25 18:20:01 · 326 阅读 · 0 评论