随笔分类 -  vue

摘要：在vue2项目中想要使用vue3语法怎么办呢？引入@vue/composition-api 依赖 npm install @vue/composition-api main文件引入并使用 import Vue from 'vue' import VueCompositionApi from '@vu 阅读全文

摘要：ref和reactive-样 也是用来实现响应式数据的方法 由于reactive必须传递一个对象，Vue3提供了ref方法，实现对简单值的监听 ref本质: ref底层的本质其实还是reactive 系统会自动根据我们给ref传入的值将它转换成 ref(xx) -> reactive({value: 阅读全文

摘要：1.import方式 设置背景图 示例： import test from '@/assets/test.png';//页面内 <div class="wrap" :style="{backgroundImage: `url(${test})`}"></div> 2.require方式 设置图片路径 阅读全文

摘要：vuex-状态管理工具 对于vuex来说，它只是一个状态管理工具，当有些变量不止在组件间用时，可能很多页面都会复用。我们使用vuex进行管理。 state:设置初始值状态。 getters：store仓库的计算属性，主要作用是派生出一些新的状态。比如将state状态的数据进行一次映射或者筛选。 mu 阅读全文

摘要：计算属性：自动监听依赖值的变化，从而动态返回内容。 特点： 依赖固定的数据类型 对计算属性中得数据进行监听 数据可以进行逻辑处理，减少模板中计算逻辑 计算属性由两部分组成：set,get 用来设置和获取计算属性，默认只有get 侦听属性：观察和响应Vue实例上的数据变动， watch可以执行任何逻辑 阅读全文

摘要：import Vue from 'vue'; import Vuex from 'vuex'; Vue.use(Vuex); // https://webpack.js.org/guides/dependency-management/#requirecontext const modulesFil 阅读全文

摘要：转载自 https://juejin.cn/post/6960163479512678437?utm_source=gold_browser_extension 阅读全文