vue3.2中setup语法糖与vue2.0script 区别

1.起初vue2.0+暴露变量必须return出来，template中才能使用。

vue3.0+现在只需在script标签中添加setup。

组件只需引入不用注册，属性和方法也不用返回，也不会写setup函数，也不用export default，甚至是自定义指令也可以在我们的tempate中自动获得。

vue2.0中template

1.template标签，HTML5提供的新标签，更加规范和语义化 ；可以把列表项放入template标签中，然后进行批量渲染。
2.在HTML页面中复制以上代码，发现在浏览器并没有渲染出任何信息，这是因为template标签内容天生不可见，设置了display：none；属性，同样我们也需要留意一些js操作template标签的具体事项：

2.使用Setup组件自动注册

Vue3.0+无需通过components进行注册

在语法糖中，引入的组件可以直接使用，无需通过components进行注册，并且无法指定当前组件的名称，他会自动以文件名为主，也就是不用再写name属性

// in 



// in non-

如果不希望组件自动继承属性，可以inheritAttrs: false在组件的选项中进行设置。

2.defineEmits子组件向父组件时间传值（defineEmits接受与选项相同的值emits）

image.png

// in non-

3.defineExpose暴露自己属性

image.png