![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
文章平均质量分 73
Vue 相关实例的开发,及遇到问题处理的方式
狮子座的男孩
技术不分家,都需要深挖!
展开
-
我的创作纪念日(1825天)
我认为写的最好的文章或代码,永远是在下一篇但目前记忆尤新的就是要将 element-ui中的 Transfer组件二次改造渲染的需求:即:(Transfer)解决Element-ui中Transfer穿梭框因数据量过大而渲染卡顿问题的三种方法;原创 2024-06-13 10:13:24 · 1028 阅读 · 2 评论 -
Vue :在 VSCode 中安装 yarn 并用 yarn 工具来控制 Vue 项目的详细过程
`Yarn` 是 `facebook` 发布的一款取代 `npm` 的资源包管理工具,是一个快速、可靠、安全的依赖管理工具,一款新的 `JavaScript` 资源包管理工具(吐槽下:最大的弊端是,要通过 `npm` 来安装);原创 2023-07-05 22:00:00 · 7948 阅读 · 0 评论 -
Vue3:在 VSCode 中如何成功安装 Mockjs 及成功引入 Mock 的详细过程
前端开发往往依赖于后端数据接口,在后端接口就绪能够返回数据之前,前端通常很难开工; `Mock` 功能常用于解决数据模拟问题,有了 `Mock` 工具模拟数据后,前后端可以同步进入开发,提升团队研发效率。原创 2023-07-03 15:23:51 · 6771 阅读 · 20 评论 -
我的创作纪念日之这四年的收获与体会
第一次来写哈,不知不觉都已经过去了,原创 2023-06-13 19:50:00 · 643 阅读 · 2 评论 -
Vuex 之一:3种拿到 state 中数据的方式与实例剖析
1、Vuex 的简介 其一、Vuex 是什么? 其二、Vuex 的图例讲解 其三、Vuex 的配置过程2、如何引入并使用 Vuex 其一、用 `vue-cli` 创建 其二、在 `src` 下建一个 `store` 文件夹并创建 `index.js` 文件 其三、要在 `main.js` 文件中挂载一下 其四、然后在 `App.vue` 中使用3、实例剖析在 App.vue 中使用 state 的过程 ......原创 2022-07-09 00:29:09 · 13028 阅读 · 2 评论 -
Vuex 之二:3种拿到 state 中数据并执行 getters 中方法的过程与实例剖析
1、Vuex 是什么?答: 是一个专为 应用程序开发的状态管理模式;而所谓状态就是指:组件中所维护的数据);(简而言之:就是状态管理,解决复杂组件数据通信,状态共享;)2、Vuex 的图例讲解:其一、对 Vue Components 的理解: 是指:一个(如:compA.vue);其二、对 State 的理解: 是指:的(数据最终是展示(render)在组件的模板(视图)中);其三、对 Mutations 的理解: 是指:用来的(且是同步的);且 可以通过 来;其四、对 Actions 的原创 2022-07-09 18:45:00 · 2231 阅读 · 4 评论 -
通过 VueRouter 与 Vue 实现后台管理系统(SPA)的布局案例
Ⅰ、什么是SPA?1、SPA(单页面应用程序) 简介:答:SPA 全称为:‘single-page application’;所有的应用都在一个页面上,单击不同的功能时,由不同的路由显示不同的组件信息,只是改变需要变化的地方; (自始至终它就是一个页面,然后靠局部去改变页面);2、编程式导航简介:答:可以理解为:通过写 js 代码来处理导航问题; (即:通过 js 的方法来实现导航,如:push、go 等方法);3、一般管理系统必须实现的功能模块为:其一、用户管理; (即:增加用户、删原创 2022-01-13 23:33:22 · 2142 阅读 · 4 评论 -
Vue 响应式有什么特点? 如何掌握 Vue 响应式的特点?
Ⅰ、 Vue 响应式:1、什么是 Vue 响应式:答:简单说:当更新或者增加data(数据)时,页面(UI)会有响应,重新渲染对应的数据;2、Vue 响应式的特点:其一、对象新增加的属性,不具有响应式;其二、修改对象本存在属性,具有响应式;其三、数组的普通(非对象)元素通过索引修改,不具有响应式;其四、数组的对象元素通过索引修改,具有响应式;其五、数组通过调用 ‘push/splice/shift…’ 方法具有响应式;其六、数组通过调用 ‘push/splice/shift…’ 方法新增加原创 2022-01-08 16:40:46 · 1453 阅读 · 4 评论 -
用 Vue 实现学生信息管理系统的增删改查操作,模拟数据库操作(但并没有连接数据库)
Ⅰ、原创 2022-01-03 14:01:40 · 7060 阅读 · 16 评论 -
在 vue 中的 ‘v-model‘ (双向绑定)的实现原理是什么? 如何模拟实现 vue 中的 ‘v-model‘ (双向绑定)?
Ⅰ、Vue 中的 ‘v-model’ (双向绑定) 与 ‘v-bind’ (单向绑定) 的简介:1、什么是 vue 中的 ‘v-model’ (双向绑定)?是指:在表单控件或者组件上创建双向绑定;(即:表单或组件等视图层上的信息发生变化,可以影响数据层的信息; 同样数据层上的信息发生变化,也可以影响视图层上的信息变化,此时称为:双向绑定);2、什么是 vue 中的 ‘v-bind’ (单向绑定)?是指:在表单控件或者组件上创建单向绑定;(即:表单或组件等视图层上的信息发生变化,可以影响数据层原创 2021-12-27 09:34:54 · 1017 阅读 · 5 评论 -
在运行 Vue 项目过程中出问题首先要检查的信息
在运行 Vue 的过程中出现问题首先要检查的信息:其一、在 ‘webpack.config.js’ 中检查是否成功安装了 ‘Vue’;其二、在使用 ‘vue-template-compiler’ 的情况下,看一下在 ‘webpack.config.js’ 中是否成功安装了 ‘vue-template-compiler’;其三、检查一下 ‘Vue’ 和 ‘vue-template-compiler’ 版本是否是最新或匹配的版本;其四、官方文档提示:每个 vue 包的新版本发布时,一个相应版本的原创 2021-10-15 13:06:51 · 221 阅读 · 0 评论 -
解决使用 jQuery 在 Webpack 打包内容的过程中遇到的问题:‘ERROR in ./node_modules/jquery/lib/node-jquery.js 13:24-43‘
1、出现问题的提示为:'ERROR in ./node_modules/jquery/lib/node-jquery.js 13:24-43';'Module not found: Error: Can't resolve 'location' in 'D:\*******\Webpack\node_modules\jquery\lib' @ ./04index2.js 1:0-22 9:0-1 10:4-5 11:4-5';2、解决问题的方案:A、去 npm 社区去搜一下最新的 jquery原创 2021-10-08 16:09:14 · 1032 阅读 · 0 评论 -
最新:解决 Vue 调试工具 dev-tools安装遇到的问题及安装步骤
1、什么是 dev-tools ?答: dev-tools 是 Vue 的调试工具;在成功安装 dev-tools 后:其一、可在前端页面中可显示当前点击组件的可用数据;其二、可以修改和添加数据等信息,且修改和添加信息可实时反映在界面中,非常方便调试一些比较繁琐的业务流程;其三、可以任意展示其中的一步操作的界面数据等信息;2、dev-tools 的安装步骤:A、打开 Vue 的 官网:官网地址为:‘https://cn.vuejs.org/’; (然后选择 Devtools 工具);原创 2021-09-22 13:26:42 · 7900 阅读 · 2 评论