vue 各种小知识-----1

最新推荐文章于 2022-11-22 15:41:55 发布

原创最新推荐文章于 2022-11-22 15:41:55 发布 · 335 阅读

0 ·

CC 4.0 BY-SA版权

vue 专栏收录该内容

5 篇文章

订阅专栏

本文探讨了Vue.js的多个方面，包括保留HTML注释的方法、key的原理、Vue不同版本的区别、data重置技巧、Vue.observable的作用、style scoped的用途与原理、Vue 3.0的期待功能以及Vue的边界情况处理，还介绍了在Vue项目中配置favicon的注意事项。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1 vue渲染模板时怎么保留模板中的HTML注释呢？

 <template comments> ... <template>
 // 设置注释属性，官网默认为舍弃注释
  <script>
   import ... export default {comments：true，...}
  </script>

2 你知道vue中key的原理吗？说说你对它的理解

作用的话，便于diff算法的更新， key的唯一性，能让算法更快的找到需要更新的dom，
需要注意的是，key要唯一，不然会出现很隐蔽性的更新问题。

3 你是从vue哪个版本开始用的？你知道1.x和2.x有什么区别吗？

1、 2.0生命生命周期变化感觉变得更加语义化一点（有规律可寻，更好记了），而且增加了beforeUpdate、updated、activated、deactivated，删除了attached、detached。
2、2.0将1.0所有自带的过滤器都删除了，也就是说，在2.0中，要使用过滤器，则需要我们自己编写，以下是一个自定义过滤器示例, Vue.filter(‘toDou’,function(n,a,b){ return n<10?n+a+b:’’+n; });

4 vue中怎么重置data？

使用Object.assign()，vm. $d a t a 可以获取当前状态下的 d a t a ， v m .$ options.data可以获取到组件初始化状态下的data，具体可以看vm.$options。

Object.assign(this.$data, this.$options.data())

5 Vue.observable你有了解过吗？说说看

类轻量级vuex，用作状态管理。
vue2.6发布一个新的API，可以处理一些简单的跨组件共享数据状态的问题。

//store.js
import Vue from 'vue';

 export let store =Vue.observable({count:0,name:'张三'});
    export let mutations={
	    setCount(count){
		    store.count=count;
	    },
	    setName(name){
	  	  store.name=name;
    }
}