您当前的位置:首页 > 【标签列表】 > vue

  • vue父子组件间的相互通信

    vue父子组件间的相互通信

    父传子props 父组件 //将articles变量传递给子组件 <MySection :articles="articles"></MySection> 子组件 <template> {{ articles }} </template> //两种写法,都可以接受 // props:[ // 'articles' //

    2021-08-06 249
    阅读更多
  • vue父子组件间的相互访问方式

    vue父子组件间的相互访问方式

    假如我们需要从子组件,去调用父组件的方法,或者数据(数据可以修改) 子组件访问父组件的方法,数据 我们在父组件定义一个方法 export default { name: "App", data(){ return { title:'父传递到子页面', articles:[ '1111111111', '22222222

    2021-08-06 289
    阅读更多
  • vue插槽slot,用法及作用

    vue插槽slot,用法及作用

    Vue插槽的作用就是存放内容 当我们在子组件内没有书写slot标签时,父组件内书写<One></One>里面的内容是无效的 v-slot写在template标签上,新语法 一 :当父组件v-slot后面定义的名字在子组件内name属性后面的名字找不到时,父组件template标签内的内容默认不显示 二: 当父组件v-slot后面没有定义名字时,系统默认定义为default

    2021-08-08 315
    阅读更多
  • vuex中的状态管理器中的计算属性

    vuex中的状态管理器中的计算属性

    先看看vue中的计算属性 vuex中的计算属性(getters),不带参数,带参数,和应用兄弟间的函数 export default createStore({ state: { num:10, dnum:5 }, getters:{ //不带参数的写法 mepow(state){ return state.num * state.num

    2021-08-21 292
    阅读更多
  • actions异步处理操作

    actions异步处理操作

      actions: { //content是上下文的意思 demo(content) { console.log(content) setTimeout(function (e) { //直接修改状态的值 content.state.mnum

    2021-08-22 372
    阅读更多
  • 浅谈vuex中的actions,getter,mutations,state的使用

    浅谈vuex中的actions,getter,mutations,state的使用

    state 数据 getter 计算属性 mutations 方法 actions 异步 modules 模块 state的使用 state: { num: 10, dnum: 5, mnum: 0 }, 在视图中调用 <h3>在About组件中应用vuex</h3> {{ $store.state.num }

    2021-08-22 278
    阅读更多
  • Vue3.0的新语法糖-script setup

    Vue3.0的新语法糖-script setup

    这个提案的主要目标是通过直接向模板公开 <script setup> 的上下文,减少在单文件组件(SFC)中使用 Composition API 的繁琐程度。 之前有一个关于 <script setup> ,目前已经实现(但被标记为实验性)。旧的提议选择了导出语法,这样代码就能与未使用的变量配合得很好。 这个提议采取了一个不同的方向,基于我们可

    2021-12-10 469
    阅读更多
共7条 < 1 >