![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 76
十七同志
Hello Word!
展开
-
npm 命令的简写,以及-d、-g、-s后缀的区别,和packages.json文件中dependencies和devDependencies的区别
npm 命令的简写,以及-d、-g、-s后缀的区别,和packages.json文件中dependencies和devDependencies的区别原创 2024-07-27 14:24:57 · 547 阅读 · 0 评论 -
vue3 命令运行窗口暴露网络地址,以及修改端口号
这里加上 --host 可以暴露网络地址,再加上 --8080 就可以将端口号修改为8080(修改为其它的当然也可以)一般情况下这里的地址是隐藏的。原创 2024-07-26 19:39:33 · 180 阅读 · 0 评论 -
vue2 $set 后期添加响应式数据的问题,使用vm.$set()
/ [ "tom", "lucy", "james", "tim" ] (视图改变说明是响应式数据)//tom (打印出来是tom,说明数据已经改变,但是视图未改变,不是响应式的)不能直接给vm / vm.$data 追加响应式属性。通过数组的下标去修改数组中的元素,默认情况下是没有添加响应式处理。后期给Vue实例vm动态的追加的一些属性,不会添加响应式处理。在Vue当中,通过以下的7个方法来给数组添加响应式处理。// (视图改变说明是响应式数据)// (视图改变说明是响应式数据)原创 2024-05-27 11:34:02 · 552 阅读 · 0 评论 -
vue2 自定义指令
在directives这个配置项内,可以定义多个自定义指令,与data同级v- 不需要写Vue官方建议,指令名都小写,如果是多个单词,用‘-’连接指令名:回调函数只是配置项的写法不一样,为全局配置写法,写在Vue实例上面,其它和局部自定义属性一样。原创 2024-05-27 11:30:19 · 291 阅读 · 0 评论 -
vue2 v-model 绑定不同的表单元素,绑定不同表单元素的属性
【代码】vue2 v-model 绑定不同的表单元素,绑定不同表单元素的属性。原创 2024-05-14 16:48:20 · 587 阅读 · 0 评论 -
vue2 指令修饰符
所谓指令修饰符就是通过“.”指明一些指令不同的后缀,封装了不同的处理操作,目的是为了简化代码。原创 2024-05-14 16:47:41 · 194 阅读 · 0 评论 -
vue2 八大组件通信,父子通信,跨层级通信,事件总线,vuex等
组件通信,就是指组件与组件之间的数据传递组件的数据是独立的,无法直接访问其他组件的数据想使用其他组件的数据,就需要组件通信组件上 注册的一些 自定义属性。原创 2024-05-11 11:41:30 · 1200 阅读 · 1 评论 -
vue2响应式原理,数据劫持,数据代理,Object.defineProperty()方法
data中数据通过各种逻辑和封装变成_data,从而去监测data数据的变化,一旦发现data中数据变化了,_data就去修改页面,这个过程通过Object.defineProperty实现,叫数据劫持。原创 2024-05-11 11:32:41 · 906 阅读 · 2 评论 -
vue2 14个指令详解,v-bind操作style,v-bind操作class,以及v-bind动态绑定图片地址不生效的问题
用v-on给表单控件绑定数据,此时数据是单向的,修改input的值data里面的数据不会发生变化,我们可以给输入框绑定input事件,给单/复选框、下拉框绑定change事件,触发事件时通过事件对象$event,拿到表单控件的值,然后赋值给data的数据,实现双向绑定。在 Vue 中使用动态绑定图片地址时,如果你使用相对路径,并且是在构建后的环境中(比如通过 webpack 或其他打包工具打包后部署到服务器上),可能会遇到路径解析不正确的问题。所在的元素会保持隐藏状态,直到Vue实例编译结束,原创 2024-05-08 13:55:12 · 1037 阅读 · 0 评论 -
vue cli 自定义项目架子,vue自定义项目架子,超详细
main.js// 引入vue,相当于引入vue.js,此处引入的vue.js是缺失版本,缺失缺失模板编译器,平时不用,最后打包的时候采用// 导入根组件// 关闭生产提示信息// 导入插件// 注册插件// 创建实例// render函数会被自动调用,被调用的时候,会自动传入一个参数,这个参数可以用来创建元素});// 为true,对于低级浏览器,会把node_modules里用得到的高级语法进行babel编译。原创 2024-05-06 11:53:50 · 943 阅读 · 0 评论 -
lint 代码规范,手动修复,以及vscode的第三方插件eslint自动修复
不是语法规范,是一种书写风格,加多少空格,缩进多少,加不加分号,类似于书信的写作格式ESLint:是一个代码检查工具,用来检查你的代码是否符合指定的规则(你和你的团队可以自行约定一套规则)。在创建项目时,我们使用的是代码风格的规则,目前Standard的代码风格用的比较多建议把Standard代码规范看一遍,然后在写的时候, 遇到错误就查询解决。原创 2024-05-06 11:47:15 · 945 阅读 · 1 评论