首页 > 其他分享 >vue-i18n

vue-i18n

时间:2023-09-12 11:56:14浏览次数:40  
标签:respond vue shortly will i18n He

https://kazupon.github.io/vue-i18n/zh/introduction.html

开始

  • 如果使用模块系统 (例如通过 vue-cli),则需要导入 Vue 和 VueI18n ,然后调用 Vue.use(VueI18n)。

格式化

  • 在某些情况下,你可能希望将翻译呈现为 HTML 信息而不是静态字符串。
    • 在你的网站上动态插入任意 HTML 可能非常危险,因为它很容易导致 XSS 攻击。
const messages = {
  en: {
    message: {
      hello: 'hello <br> world'
    }
  }
}
  • ICU 信息语法
    • 注释:一种用于格式化和解析文本的语法
    • 注释:例如,{gender, select, male {He} female {She} other {They}} will respond shortly. 这个信息可以根据gender的值选择不同的代词,如He will respond shortly.或She will respond shortly.

标签:respond,vue,shortly,will,i18n,He
From: https://www.cnblogs.com/qq3279338858/p/17695798.html

相关文章

  • Vue2——监听页面滚动实现菜单和页面对应
    前言如题,监听页面的滚动并激活相应的菜单,一个老项目的维护,后面反正要全部重构,这里就先实现功能就好了;内容元素内容主要是添加相应的id,生成目录后直接通过锚点来跳转监听滚动window.addEventListener('scroll',()=>{constsections=document.getElementsByCla......
  • Taro+vue3 关注抖音号
     Taro使用vue3或者react框架,data-aweme-id属性是不被解析到生成的页面代码中的,所以需要借助编译插件@tarojs/plugin-inject去注入标签属性;https://taro-docs.jd.com/docs/vue-overall#dataset业务页面:<buttonopen-type="openAwemeUserProfile":dataAwemeId="awemeId">关注......
  • Vue.js的index.html文件中引入JavaScript文件
    将js文件放在public文件夹下面在index.html文件下引入js文件在前面加<%=BASE_URL%>后面加路径,如果想将本地js文件打包之后也放在static/js文件夹下,需要在public文件夹下创建一个和打包之后文件放的位置一样的文件夹<scriptsrc="<%=BASE_URL%>./static/js/js文件名"></sc......
  • 关于在vue里面使用导航栏需要注意的事项
    1、右侧内容的显现右侧内容由el-main标签包围,需要在里面填上:内容才能成功显现!2、路由所在不仅仅要在APP.vue里面放路由:还要在Index.vue里面放置:初学小白找这个错误找了好久!......
  • vue--day83---路由的params参数
    1.配置路由,声明接收params参数   ```js  {  path:'/home',  component:Home,  children:[  {  path:'news',  component:News  },  {  component:Message,  children:[  {  name:'xian......
  • vue--day82--命名路由
    ###5.命名路由 1.作用:可以简化路由的跳转。 2.如何使用   1.给路由命名:    ```js   {   path:'/demo',   component:Demo,   children:[   {   path:'test',   component:Test,   ......
  • 自写vue导航栏--动态读取js的数据
    App.vue<template><el-containerclass="layout-container-demo"style="height:500px"><el-asidewidth="200px"><el-scrollbar><!--<el-menu:default-openeds="['1'......
  • SSM SpringBoot vue快递柜管理系统
    SSMSpringBootvue快递柜管理系统系统功能登录注册个人中心快递员管理用户信息管理 用户寄件管理配送信息管理寄存信息管理开发环境和技术开发语言:Java使用框架:SSM(Spring+SpringMVC+Mybaits)或SpringBoot前端:vue数据库:Mysql架构:B/S源码类型......
  • vue-cli
    1.安装node.js下载链接:Node.js百度网盘链接  提取码:6666安好后使用cnpm-v查看版本是否成功成功后直接安装vue脚手架cnpminstall-gvue-cli安装webpack(打包)cnpminstallwebpack-g2.创建项目2.1使用命令创建vuecreate项目名称待项目完成后使用cd......
  • ant design of vue 表格 默认,跨页勾选,翻页选择记忆勾选,数据回显勾选
    需求在使用antdesignofvue的table表格时需要让之前已选择的数据显示勾选状态,还要支持跨页勾选思路需要指定row-key绑定的值必须唯一ant-design-vue的表格对于跨页勾选支持的非常友好,只要设置绑定一下rowKey就可以了,我这里绑定的是workerId代码<!--表格--><a-......