VUE项目问题总结

最新推荐文章于 2023-12-28 17:57:36 发布

原创最新推荐文章于 2023-12-28 17:57:36 发布 · 225 阅读

1 ·

CC 4.0 BY-SA版权

博客介绍了Vue.extend()可得到Vue子类，需new来创建新vue对象，propsData用于传值。还阐述了extends和mixin的区别，前者单继承、优先级高，后者多继承。此外，提及es6语法、vm.$mount()、vue响应原理、render()及jsx使用等内容。

Vue.extend()是得到了一个Vue的子类，需要 new Vue.extend()来得到一个新的vue对象，需要注意的是propsData 用来传输props的值
extends 和mixin的区别
extend可以看作是单继承，mixin是多继承，extend的执行优先级高于mixin，mixin会覆盖前面的继承数据
es6语法 const {
autoClose,
…rest
} = options
vm.$mount()
vue的响应原理
render(){}

<template>
	<comp ref='mycomp'>
		<span ref='myspan'>{{value}}</span>
	</comp>
</template>
render(createElecment){
		return createElement('comp',{
		ref:'mycomp'
		},[
			createElement('span',{
			ref:'myspan'
		},this.value)
	])
}

jsx的使用，与使用基本一致，但是更具灵活性，可以像js一样，代码中写逻辑
import '../assets/styles/footer.styl' export default{ data(){ return{ author: 'YangKun' } }, render(){ return( <div id="footer"> <span>Written by {this.author}</span> <br/> <a href="https://github.com/nakuYK" target="_blank"> To Author's Github </a> </div> ) } }