Vue
文章平均质量分 87
Vue的相关知识
熊凯瑞
始终保持对代码的那份单纯的热爱,保持对技术的专注和钻研,对广袤知识的敬畏与追求。
展开
-
Vue2之动态组件、插槽、自定义指令的相关知识
动态组件指的是动态切换组件的显示与隐藏。vue可以使用keep-alive来保持组件切换时的状态,也就是在切换的时候,该组件不会被销毁,而是处于未激活状态,保持原本状态,直到重新激活。当提供了name属性之后,组件的名称,就是name属性的值。(1)组件的“注册名称”的主要应用场景是:以标签的形式,把注册好的组件,渲染和使用到页面结构中。(2)组件声明时候的“name”名称的主要应用场景:结合标签实现组件的缓存功能;以及在调试工具中看到组件的name名称。原创 2023-04-03 16:35:00 · 839 阅读 · 0 评论 -
Vue2之Vue-cli应用及组件基础认识
vue-cli是Vue.js开发的标准工具,它简化了程序员基于webpack创建工程化的Vue项目的过程。中文官网Vue实例的$mount()方法,作用和el属性完全一样。主要代码写在template标签下,JavaScript代码则写在script标签下,同时还必须有export default,CSS代码写在style标签下,也必须有lang=“less”。原创 2023-02-15 14:04:06 · 1093 阅读 · 0 评论 -
解决:vue : 无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写,如果包括路径,请确保路径正确, 然后再试一次。 所在位置 行:1 字符: 1 + vue
所在位置 行:1 字符: 1 + vue + ~~~ + CategoryInfo : ObjectNotFound: (vue:String) [], CommandNotFoundException + FullyQualifiedErrorId : CommandNotFoundException。此电脑–>属性–>高级系统设置–>环境变量–>系统变量–>选择变量名为Path的选项–>新建–>将打印出来的环境变量路径复制并创建即可。这样就可以正常使用了。原创 2023-02-14 15:04:13 · 6779 阅读 · 1 评论 -
Vue2之过滤器、侦听器、计算属性、axios的相关使用
过滤器是vue为开发者提供的功能,常用于文本的格式化。过滤器可用在两个地方:插值表达式和v-bind属性绑定。过滤器应该被添加在JavaScript表达式的尾部,由"管道符"进行调用watch侦听器允许开发者监视数据变化,从而针对数据的变化做特定的操作。计算属性指的是通过一系列运算之后,最终得到一个属性值。这个动态计算出来的属性值可以被模板结构或methods方法使用。axios专注于数据请求,在请求到数据之后,在真正的数据之外,又有一层封装,所以需要对里面的data进行引用。原创 2023-02-14 13:56:36 · 456 阅读 · 0 评论 -
Vue2之完整基础介绍和指令与过滤器
Vue是一套用于构建用户界面的前端框架。在使用了vue的页面中,vue会监听数据的变化,从而自动重新渲染页面的结构。(1)优点当页面数据发生变化时,页面会自动重新渲染。(2)注意数据驱动视图是单向的数据绑定。在填写表单时,双向数据绑定可以辅助开发者在不操作DOM的前提下,自动把用户填写的内容同步到数据源中。在网页中,form表单负责采集数据,Ajax负责提交数据。js数据的变化,会被自动渲染到页面上页面上表单采集的数据发生变化的时候,会被vue自动获取到,并更新到js数据中。(1)优点开发原创 2023-02-10 19:16:43 · 825 阅读 · 0 评论 -
Vue2之webpack的完整知识及使用M(webpack相关知识最全完整版)
(1)webpack中的默认约定在webpack 4.x和5.x的版本中,有如下的默认约定默认的打包入口文件为src目录下的index.js文件默认的输出文件路径为dist目录下的main.js注意:可以在webpack.config.js中修改打包的默认约定(2)可以指定打包的出入口在webpack.config.js配置文件中,通过entry节点指定打包的入口,通过output节点指定打包的出口。原创 2023-02-08 16:09:51 · 1513 阅读 · 0 评论 -
2022Vue基于node.js(v14.16.0)版本搭建Vue脚手架环境的最全相关命令集合(避开各种坑)
vue-cli官方提供的一个脚手架(预先定义好的目录结构及基础代码),用于快速生成一个vue的项目模板。本文主要是Vue脚手架各种搭建命令,踩了很多坑,然后自己总结写出的指南。原创 2022-10-31 17:12:13 · 4682 阅读 · 0 评论 -
Vue2简单使用及相关基础知识概念(适合小白入门,看完就能上手)
Vue是一套用于构建用户界面的渐进式框架。同时被设计为可以自底向上逐层应用。Vue的核心库只关注视图层,利于上手和第三方库进行整合。其中ViewModel是连接视图和数据的中间件。能够观察到数据的变化,并对视图对应的内容进行更新,同时也能监听到视图的变化,并能够通知数据发生改变。因此Vue.js就是MVVM中的ViewModel层的实现者,核心是实现了DOM监听与数据绑定。原创 2022-10-30 16:53:07 · 2640 阅读 · 0 评论