随笔分类 - vue3
vue3一些新玩意 ，学习学习看看看看
摘要：npm install vue-wechat-title --save // 引入换标题的插件 import VueWechatTitle from 'vue-wechat-title' // 使用插件 VueWechatTitle app.use(store).use(router).use(An
阅读全文
摘要：首先去官网下载JS： 在 https://www.jsdelivr.com/package/npm/echarts 选择 dist/echarts.js，点击并保存为 echarts.js 文件。 我找好了啊 5.4.0 ： https://cdn.jsdelivr.net/npm/echarts@
阅读全文
摘要：md5.js: var KEY = "!@#QWERT"; /* * Configurable variables. You may need to tweak these to be compatible with * the server-side, but the defaults work
阅读全文
摘要：使用的时候 我是TS + vue3 的 defineComponent 用的是 wangEditor的4.x版本，5.x支持VUE3用的是组件，我还是用了4 因为vue3里 defineComponent 取DOM直接取是为null的【即： const editor = new E('#div1')
阅读全文
摘要：先来环境： .env.development .env.production 这个我不多说了把 # just a flag 那个文件就写那个 ENV = 'production' # base api VUE_APP_BASE_API = '/xxxxx-api' 安装： npm i --save
阅读全文
摘要：vue create 项目名 因为使用 @vue/cli-v4.5.13 版本创建的项目中，vue 的版本为 v 3.0.0 。但是我们的项目需要使用最新的 script setup 语法，该语法在 v 3.0.0 版本中是不支持的，所以我们需要升级 vue 版本。大家可以通过以下指令进行升级：执行
阅读全文
摘要：import { createApp } from 'vue' import App from './App.vue' import router from './router' import store from './store' // ElementPlus import ElementPlu
阅读全文
摘要：对于git提交规范 来说，不同的团队可能会有不同的标准 我们要学习的commitizen就是其中的佼 佼者！commitizen仓库名为 ，它提供了个git cz的指令于代替git commit，简单句话介绍它： 当你使commitizen进代码提交（git commit）时，commitizen会
阅读全文
摘要：vs code 中找到这玩意 ，打钩： ESlinet 希望制表符是2字符，所以你也在VSCODE改改即可 如果和Eslintrc冲突的话，那么你就把冲突的关了【注意是关闭Eslintrc的检测】 关闭方法就是在.eslintrc的 rules自己加上 off
阅读全文
摘要：这个插件可以和平掉 不同 浏览器之间的差异 vueCli 安装： main.js 引入：
阅读全文
摘要：检查下啊，基础啊 不多说，希望读者有脑子。 vue自动创建了 store 文件夹，下面的index.js 是一个VueX的全局数据仓库吧，可以这样理解。 我现在在state 添加 name 叫咸瑜,那我在其他页面或组件我可以这样获取到这个name : 就是这样获取即可。 修改 state的值，严格执
阅读全文
摘要：创建，然后选路由，然后main.js 看看有没有，有基础的不用多说，没基础的推荐先写vue2 再来 router-link 是跳转路由的标签，和a标签差不多，to就是要跳转路由的路劲，该路径在 router的index.js 已定义好，然后router-view 负责展示 路径对应的 组件。 说的有
阅读全文
摘要：vue3 的 setup 里面使用生命周期函数： 除了上面，还新增了2个新的生命周期函数：
阅读全文
摘要：简单使用方法之一： <script> const app = Vue.createApp({ setup() { const { ref, watch } = Vue; // 定义 val const val = ref(""); // 使用监听器，用法之一... watch(val, (curre
阅读全文
摘要：<script> // computed 计算属性 const app = Vue.createApp({ setup() { // 引入计算属性 const { reactive, computed } = Vue; const countObj = reactive({ count: 0});
阅读全文
摘要：toRef的使用： Context 使用： context 里面有3个参数， {attrs,slots,emit} : 1.attrs 的使用： 其实就是父组件传递的属性 <script> const app = Vue.createApp({ // 使用组件 child template:` <c
阅读全文
摘要：https://v3.cn.vuejs.org/guide/composition-api-setup.html#setup setup在created实例初始化之前。 所以呢 在里面不能用 this啊，他肯定找不到的。 直接返回的数据，全局也是拿的到的。 使用 setup 函数时，它将接收两个参数
阅读全文
摘要：官方文档：https://v3.cn.vuejs.org/api/application-api.html#use 安装 Vue.js 插件。如果插件是一个对象，则它必须暴露一个 install 方法。如果插件本身是一个函数，则它将被视为 install 方法。 该 install 方法将以应用实例
阅读全文
摘要：通常，当我们需要从父组件向子组件传递数据时，我们使用 props。 想象一下这样的结构：有一些深度嵌套的组件，而深层的子组件只需要父组件的部分内容。在这种情况下，如果仍然将 prop 沿着组件链逐级传递下去，可能会很麻烦。 对于这种情况，我们可以使用一对 provide 和 inject。 无论组件
阅读全文
摘要：VUE一般使用template来创建组件 ，然后VUE渲染在页面上。 如果某些环境下，需要使用JS来创建html的DOM节点，这时候要使用render函数了: 详细： 字符串模板之外的另一种选择，允许你充分利用 JavaScript 的编程功能 <div id="app" class="demo">
阅读全文
