
vue.js
文章平均质量分 75
bestcxx
向外思考,向上生长,锲而不舍,金石可镂
展开
-
019、子组件向父组件传递参数 this.$emit
这里父组件通过 @fn=“clickMenu” 获得子组件的上传的参数,然后交给 clickMenu(i) 函数处理。this.$emit 是 Vue.js 中一个非常重要的方法,它允许子组件向父组件发送自定义事件,并传递数据。这里,调用子组件 hdClick 方法时,将 index 函数传递给父组件,自定义变量为 fn。data: 你要传递给父组件的数据,可以是任何类型,例如字符串、数字、对象、数组等。eventName: 你要发送的自定义事件的名称。父组件需要使用一个函数接受子组件传递来的参数。原创 2024-08-17 22:22:21 · 1063 阅读 · 0 评论 -
018、钩子函数 mounted和beforeDestroy、父组件向子组件传递参数 props 的使用
script>//其余内容略。原创 2024-08-17 16:59:01 · 758 阅读 · 0 评论 -
命名规则 Kebab-case、camelCase、Pascal case
总的来说,三种命名约定都有各自的优缺点和适用场景。在实际开发中,开发者应该根据编程语言、框架、团队等因素,选择合适的命名约定,保持代码的一致性和可读性。原创 2024-07-26 09:49:02 · 3090 阅读 · 0 评论 -
018、从父组件向子组件传递参数
import {TagTagsMenu},data() {return {},原创 2024-07-24 08:38:07 · 462 阅读 · 0 评论 -
017、Vue动态tag标签
【代码】017、Vue动态tag标签。原创 2024-07-22 23:25:17 · 734 阅读 · 0 评论 -
016、Vue-启动优化-压缩、CDN、懒加载
Vue 优化原创 2022-11-07 20:35:43 · 624 阅读 · 0 评论 -
015、Vue-查看 report.html 文件
report.html原创 2022-11-06 23:29:25 · 683 阅读 · 0 评论 -
0.12、Vuex -store存储运行时信息
文章目录1、官方说明1.1、Vuex 的核心 store 概念2、安装后面1、官方说明https://vuex.vuejs.org/zh/1.1、Vuex 的核心 store 概念每一个 Vuex 应用的核心就是 store(仓库)。“store”基本上就是一个容器,它包含着你的应用中大部分的状态 (state)。Vuex 和单纯的全局对象有以下两点不同:Vuex 的状态存储是响应式的。当 Vue 组件从 store 中读取状态的时候,若 store 中的状态发生变化,那么相应的组件也会相应地得到原创 2022-03-25 20:33:07 · 232 阅读 · 0 评论 -
0.9、VUE-Vue MarkDown 插件 MavonEditor
文章目录Vue.js 的 MarkDown 插件 MavonEditorMavonEditor 官方说明操作步骤安装全局声明在单模板中使用效果参考Vue.js 的 MarkDown 插件 MavonEditor比较简单MavonEditor 官方说明MavenEditor操作步骤安装$ npm install mavon-editor --save全局声明核心代码import mavonEditor from 'mavon-editor'import 'mavon-editor/di原创 2021-11-20 22:13:13 · 966 阅读 · 0 评论 -
0.8、VUE-VUE 富文本插件 tinymce
文章目录安装skins 文件中文语言包生成 单文本文件俩问题模板效果参考安装vue -V 查看 Vue 版本如果你是2.x的话npm install tinymce@5.1.0 -Snpm install @tinymce/tinymce-vue@3.0.1 -S如果是3.xnpm install tinymce -Snpm install @tinymce/tinymce-vue -Sskins 文件将 node_modules/tinymce下的skins 文件夹copy到pub原创 2021-11-17 02:09:26 · 2488 阅读 · 0 评论 -
0.7、VUE-VUE 中的变量 和启动模式
文章目录前言-项目结构Vue 中的变量查看所有的变量环境变量 HOST、PORT设置环境变量不生效?自定义变量使用 npm set 参数名启动命令前言-项目结构在使用 vue init webpack [项目名称] 生成的项目中可以看到如下的项目结构其中比较重要的是 package.json,这个文件设定了诸如 npm run start 、npm build 这些命令简介调用的配置文件。显然,默认来看 npm run dev 就是本地运行,npm build 会自动加载prod环境的配置。Vue原创 2021-08-08 15:40:02 · 526 阅读 · 0 评论 -
0.7、VUE-VUE 结合 axios 发起网络请求
文章目录前后端分离VUE 发起网络请求最佳实践安装 axios封装本地 网络请求api在 main.js 引入 axios配置代理前后端分离Vue作为前端项目,可以独立部署,也可以通过整合直接放入到后端项目中。VUE 发起网络请求借助 axios ,我们可以发起网络请求,这是一个不可避免的场景最佳实践安装 axiosnpm i axios -S封装本地 网络请求api可以参考 https://github.com/lenve/vhr/blob/master/vuehr/src/util原创 2021-07-13 09:40:33 · 1347 阅读 · 0 评论 -
0.6、Vue-Element框架
文章目录官方地址安装项目引入 Element官方地址https://element.eleme.cn/#/zh-CN安装npm i element-ui -Snpm install url-loader -D项目引入 Element在 main.js 中引入 Elementimport ElementUI from ‘element-ui’import ‘element-ui.lib/theme-chalk/index.css’Vue.use(ElementUI)...原创 2021-07-05 09:33:05 · 733 阅读 · 0 评论 -
0.4、VUE-浏览器插件 Vue.js devtools 的安装
文章目录在浏览器控制台查看 Vue 相关信息浏览器安装 Vue.js devtools谷歌浏览器火狐浏览器在浏览器控制台查看 Vue 相关信息浏览器安装 Vue.js devtools谷歌浏览器https://chrome.pictureknow.com/extension?id=d50143a5f53d406dbe992277bfc90521,下载拖拽到谷歌浏览器就行了火狐浏览器https://blog.csdn.net/qq_42449963/article/details/10891原创 2021-06-27 00:32:16 · 218 阅读 · 0 评论 -
0.5、Vue-Vue 的常用命令:元素、样式、指令
文章目录前言Vue 官方文档常用 API 介绍前言本文将介绍 Vue 中常用的 API,算是一个常用工具集,随着时间积累,有望形成一个贴近实际的最佳实践。Vue 官方文档https://cn.vuejs.org/v2/api/常用 API 介绍...原创 2021-06-03 09:01:19 · 299 阅读 · 1 评论 -
0.3、Vue-入口文件的简单介绍:Vue对象、路由、单文件组件
文章目录一图胜千言详解入口文件 main.jselrouter举例单文件组件开启 Router 渲染componentstemplate单文件组件单文件组件内容结构举例使用一图胜千言详解入口文件 main.js声明了 Vue、Router 插件的声明;声明了指定单文件组件的引用;声明一个新的Vue对象。import Vue from 'vue'import App from './App'import router from './router'Vue.config.producti原创 2021-02-18 00:23:22 · 4365 阅读 · 1 评论 -
0.2、Vue 开发工具 HbuilderX
文章目录前言真的是快的飞起的HbuilderX 。一图胜千言废话不多说了,官网啥都有HbuilderX 安装包下载地址使用 HubuilderX 启动 Vue 项目前言在本地构建 Vue 需要的基础组件 npm、webpack、vue-cli 之后,我们就可以通过命令行去构建并运行 Vue 项目了,但是一款优秀的 IDE 是必不可少的, 使用 Idea 也可以进行Vue开发,但是本文介绍的是另一款优秀的软件 HbuilderX —— 让人爱不释手。真的是快的飞起的HbuilderX 。以下内容来自原创 2021-02-01 22:36:25 · 1613 阅读 · 0 评论 -
0.1、Vue-配置开发环境+命令行初始化项目
文章目录vue 安装官网环境搭建vue 安装windows7 需要安装比较早的版本,可以直接安装 node-v12.18.4-x64.msi官网类别地址最新版本https://www.cnblogs.com/zhaomeizi/p/8483597.html历史版本https://nodejs.org/en/download/releases/环境搭建发现一篇写的极好的文章: https://www.cnblogs.com/jianguo221/p/1148753原创 2021-01-27 00:17:31 · 1093 阅读 · 1 评论