• vue3.2新功能

    目录

    一、setup的语法糖

    二、 setup中的变量可以用到样式上去

    三、父传子的写法

    四、vue3中已经不支持像vue2引入那样引入element-ui的

    慢慢补全

    一、setup的语法糖

    vue3.0我们用的变量只能通过写在setup函数里面并且 return出去才能用，这样就很麻烦，现在vue3.2出了一个语法糖很好的解决了这个问题

    1)、vue3.0的写法

    2.  
    3. <script>
    4. export default {
    5. 	name: 'App',
    6. 	setup() {
    7. 		let name = '张三'
    8. 		function sayHello() {
    9. 			alert(`我叫${name} 你好呀`)
    10. 		}
    11. 		//返回一个对象(常用) 对象里的属性可以直接在模板中使用
    12. 		return {
    13. 			name: name,
    14. 			sayHello,
    15. 		}
    16. 	}
    17. }
    18. script>

    2)、vue3.2的写法

    2.  
    3. <script setup>
    4. 	name: 'App',
    5. 	let name = '张三'
    6. 	function sayHello() {
    7. 		alert(`我叫${name} 你好呀`)
    8. 	}
    9. script>

     vue3.2它直接把setup写在了