![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
码飞飞
大家好!我是练习时长五年的前端练习生码飞飞
展开
-
Vue3中的<script setup>和<script>的区别
只在组件被首次引入的时候执行一次,其它地方引入或再次实例化都不会再执行。函数,这意味着它将为每一个(也可以说每一次)组件实例都执行。在一个 Vue3 单文件组件 (SFC)中,所以我们可以利用这个差异性做一些事情。这个脚本块将被预处理为组件的。它们各自最多只能存在一个。原创 2023-11-29 16:28:31 · 880 阅读 · 1 评论 -
Vue中如何在不使用单文件组件的情况下复用一小块html代码
在实际项目开发中我经常会遇到这样一种情况:有一段小的简单html代码需要在一个组件的template中多处使用,但我又不想新建一个单文件组件来实现,因为这只是一段小的简单html代码,纯展示用的,没有任何js操作逻辑,所以觉得没必要。经过一番搜索终于找到了一个比较好的方法,使用render函数。原创 2023-03-16 16:38:06 · 1038 阅读 · 1 评论 -
vue-cli开发Vue项目时定义环境变量需加VUE_APP前缀
最近在用vue-element-admin为模板开发一个后台管理系统项目,发现自己在env中定义的环境变量居然获取不到值,后面看文档才发现vue-cli开发需在定义的环境变量前名加上VUE_APP前缀# just a flagENV = 'development'# base apiVUE_APP_BASE_API = 'http://localhost:9527'# proxy target urlVUE_APP_PROXY_TARGET_URL = 'https://xxx.666.cn原创 2021-06-18 13:21:55 · 1552 阅读 · 0 评论 -
Vue Loader之资源URL转换规则(. ~ @)
Vue Loader资源 URL 转换规则转换会遵循如下规则:如果路径是绝对路径 (例如/images/foo.png),会原样保留。如果路径以.开头,将会被看作相对的模块依赖,并按照你的本地文件系统上的目录结构进行解析。如果路径以@开头,也会被看作模块依赖。如果你的webpack配置中给@配置了alias,这就很有用了。所有vue-cli创建的项目都默认配置了将@指向/src。// v...原创 2020-03-30 16:08:39 · 1268 阅读 · 0 评论 -
Vue的Scoped CSS指南
转换当<style>标签有scoped属性时,它的 CSS 只作用于当前组件中的元素。这类似于 Shadow DOM 中的样式封装。它有一些注意事项,但不需要任何 polyfill。它通过使用 PostCSS 来实现以下转换:<style scoped>.example { color: red;}</style><template>...原创 2020-03-21 16:14:19 · 274 阅读 · 0 评论 -
Vuex使用概览
State当一个组件需要获取多个状态时,我们可以使用mapState辅助函数帮助我们生成计算属性:export default { computed: { // 使用对象展开运算符将此对象混入到外部对象中 ...mapState({ // 箭头函数可使代码更简练 count: state => state.count, count2: state ...原创 2020-03-19 23:36:19 · 129 阅读 · 0 评论 -
仿 vue-cli 搭建一个自己的脚手架
什么是脚手架从前我总觉得脚手架是个很高大上的东西,好像得牛叉一点的人才写的出来,可望而不可即。其实并不是因为困难使我们放弃,而是因为放弃才显得困难(这是个好词好句)。只要你肯花个一天半天的时间,也能写出属于你自己的脚手架。早前脚手架这个词是从 vue-cli 这里认识的,我们通过npm install -g vue-cli命令全局安装脚手架后, 再执行vue init webpack proj...原创 2019-10-27 18:16:48 · 2120 阅读 · 0 评论