VUE项目知识点汇总帖
source link: https://acejoy.com/2020/04/22/625/
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
最近的项目中用了VUE，里面有不少的知识点和相关需求的解决方法值得记录下，作为后面的参考，不然时间一长还是会忘掉。汇总在这里逐渐更新吧。
VUE的文档做的并不好，因为它默认隐藏的知识线索太多。普通用户看文档，基本上不知所云。很多问题没有第三方资料的解读和案例参考，都很难处理好。
但是VUE本身还是很优秀的，这点毋庸置疑，我还是很喜欢它。
一. 多语言
1、vue-i18n翻译处理html标签的属性。
默认，vue-i18n使用{{ $t(‘message’) }}这样的模式来转换语言，不过，它不适用于html标签的属性。比如这样是行不通的：
<input type='text' v-model.trim='note' class='form-control' placeholder="{{ $t('tips') }}">
解决方法是，使用v-bind + computed，用计算属性处理。
<input type='text' v-model.trim='note' class='form-control' :placeholder="inputTips">
computed: {
inputTips: function () {
return this.$t('inputTips');
}
},
或者，直接改写成methods里面的方法也是可以的，还可以传递某些情况下必要的参数。
inputTips: function (key) { const tips = key + this.$t('inputPersonalTips'); return tips; },二、第三方组件
1、使用的第三方组件缺少需要的功能，或者有问题
可以给作者提个补丁，或者自己fork修复，发布一个。
如果上面的行动都不是可选项，还可以使用原始的DOM操作API，自己给这个组建打补丁，patch它。
从实践中看，VUE并未完全取代过去的jQuery，它们有各自适用的地方，有各自的长处。jQuery善于直接处理DOM，这正是可以修补第三方组件的一个突破口。
jQuery可以使用各种选择器，只要VUE的组件里面做好相应的标记，找到对应的DOM节点并进行一定的处理，是没有问题的。
jQuery可以直接修改HTML/CSS，一般情况下，足以满足打补丁的需要了。
Related posts:
Recommend
-
48
下面为最近使用swift 进行 OSX 开发中，对于一些知识点的总结与汇总，主要是跨行过来，很多内容都不太熟悉，所以这里进行一部分的记录与总结，方便日后的回顾与思考，后续有新的也会继续进行补充。 swift 代码同步块
-
67
在 AppDelegate 中，复写 applicationShouldTerminate 方法可以达到控制是否点击关闭按钮是否关闭应用的效果，其返回值 TerminateReply 有三个值，具体如下： publi...
-
45
在 OSX 中有一些列表的需求，这时候需要使用 OSX 中 TableView 来实现，但是这个 TableView 与 Android的 ListView 不太一样。使用还是比较复杂的。下面做一个简单的介绍， TableView 的使用 首先...
-
26
一年前写了一篇JavaScript八张思维导图，主要是对前端JavaScript知识点的一个系统的整理和总结。本篇文章用了近一个月时间，搜集整理了网上各种面试笔...
-
23
一年前写了一篇JavaScript八张思维导图，主要是对前端JavaScript知识点的一个系统的整理和总结。本篇文章用了近一个月时间，搜集整理了网上各种面试笔试题及本人针对前端的一些理解以及各路大神针对前端难点部分的详细介绍，可以作为以后面试或者考察面试人员
-
24
1.数据类型 1.1装箱和拆箱问题 1.2 缓存池 从深入理解Java虚拟机一书来说，是不存在这个说法的。从大部分百度而来的结果，就是说如下： 123，这个数字存在哪里？ 这个从JVM来说，它是存在常量池...
-
12
听说微信搜索《Java鱼仔》会变更强哦！ 本文收录于JavaStarter ，里面有我完整的Java系列文章，学习或面试都可以看看哦 （一）概述 在考研的时候，...
-
15
部分内容收集于网络~ dict 字典 python中的字典的实现也是一个散列表。是key-value结构。 Python的dict和set为什么是无序的？ 为什么不是所有的python对象都可以用作dict的键和set中的元素 要弄懂上面的问题...
-
9
前段时间有粉丝问我，大一结束c++刚学完，不知道自己目前学得怎么样？要掌握的知识点有没有都弄懂了？是否基础入门了？ 前几天已经整理过C++基础入门知识点，没看过的可以看看喔！
-
2
Vue项目实战精粹汇总，你知道几个？-51CTO.COM Vue项目实战精粹汇总，你知道几个？ 作者：徐小夕 2022-02-09 09:27:54 vue作为前端主流的3大框架之一，目前在国内有着非常广泛的应用，由于其轻量...
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK