Vue 3.x | 笔记

引言

指令

v-on 指令添加一个事件监听器

1
2
3
4
<div id="event-handling">
<p>{{ message }}</p>
<button v-on:click="reverseMessage">反转 Message</button>
</div>

Q&A

补充

vue-cli

public目录

静态资源目录,build之后,public下面的文件会原封不动的添加到dist中,不会被合并、压缩;多用来存放第三方插件。类似于vue2中的 static 目录

assets目录

build之后,assets目录中的文件,会被合并到一个文件中,然后进行压缩。多用来存放业务级的js、css等,如一些全局的scss样式文件、全局的工具类js文件等。

拓展:assets目录中可以自己分化出不同地子目录,用来根据自己的需求存放文件。如assets/util/可以用来存放工具类js,assets/api/可以用来存放业务接口js等等。

参考

感谢帮助!