VUE3.0 学习之旅

最新推荐文章于 2024-08-08 10:50:24 发布

jiangbinwangyi

最新推荐文章于 2024-08-08 10:50:24 发布

阅读量115

点赞数

分类专栏： JavaScript VUE

本文链接：https://blog.csdn.net/jiangbinwangyi/article/details/107905777

版权

JavaScript 同时被 2 个专栏收录

14 篇文章 0 订阅

订阅专栏

VUE

4 篇文章 0 订阅

订阅专栏

VUE3.0 学习之旅

废除了filter，推荐统一使用methods

<template>
  <!-- ✓ 3.X的正确示范 -->
  {{ filter(msg) }}
  {{ filter(msg, '€') }}
  {{ filterB(filterA(msg)) }}
  <div v-bind:id="filter(msg)"></div>
  <div v-bind:id="filter(msg, '€')"></div>
  <div v-bind:id="filterB(filterA(msg))"></div>

  <!-- ✗ 2.X的错误示范 -->
  {{ msg | filter }}
  {{ msg | filter('€') }}
  {{ msg | filterA | filterB }}
  <div v-bind:id="msg | filter"></div>
  <div v-bind:id="msg | filter('€')"></div>
  <div v-bind:id="msg | filterA | filterB"></div>
</template>

plugins 全局使用

main.js

import { createApp } from 'vue'
import Root from './App.vue'
import i18nPlugin from './plugins/i18n'

const app = createApp(Root)
const i18nStrings = {
  greetings: {
    hi: 'Hallo!'
  }
}

app.use(i18nPlugin, i18nStrings)
app.mount('#app')

全局方法

main.js

import { createApp } from 'vue'
import Root from './App.vue'
import moment from 'moment'

const app = createApp(Root)

app.config.globalProperties.$moment = (str, partten = 'YYYY-MM-DD HH:mm:ss') => {
  return str ? moment(str).format(partten) : ''
}

app.mount('#app')