-
Vue provide inject 组件传值
作用 祖先组件向其所有子孙后代注入一个依赖(就是传递参数) 祖先组件 provide:提供数据 <template> <div>
2023-01-06, Views: 1094 , Topics: Vue
-
Vue watch 监听器
监听器 监听data中属性的变化。 方法监听器 缺点 无法在初始化加载时自动触发。 监听的是对象,对象中的属性变化无法触发。 使用 watch中增加与需要被
2023-01-05, Views: 1191 , Topics: Vue
-
Vue filters 过滤器
说明 只适用于Vue2、Vue1,在Vue3中已移除。 私有过滤器 插值表达式{{ }}中使用管道符|连接过滤器函数。 filters中定义自定义的过滤器函数。
2023-01-04, Views: 1000 , Topics: Vue
-
Vue computed 计算属性
含义 计算属性是为了方便代码服用,如拼接相关属性后生成的一个新的值,需要被多处地方使用,就可以使用计算属性这个功能来生成新字段避免重复代码。 computed属
2023-01-03, Views: 810 , Topics: Vue
-
Vue v-cloak 解决页面闪烁
现象 在非工程化的项目中(直接引入Vue.js文件在HTML文件中使用),如果有耗时操作没让页面加载完,会显示{{}},且页面会刷新。 v-cloak 使用v-
2023-01-02, Views: 1156 , Topics: Vue
-
Vue v-once 组件只渲染一次
作用 组件首次渲染后,之后不再渲染。 示例 <!DOCTYPE html> <html lang="en"> <head>
2022-12-31, Views: 1405 , Topics: Vue
-
Vue v-pre 加载 {{}}
作用 跳过这个元素和它的子元素的编译过程。可以用来显示原始{{}}标签。 跳过大量没有指令的节点会加快编译。 示例 <div v-pre>
2022-12-31, Views: 865 , Topics: Vue
-
Vue .env 环境配置文件
默认模式 process.env.NODE_ENV默认值: vue-cli-service serve:默认是development模式。 vue-cli-s
2022-12-30, Views: 991 , Topics: Vue
-
Vue slot 插槽
定义 插槽是Vue为组件的封装者提供的能力。允许开发者在封装组件时把不确定的、希望用户指定的部分定义为插槽。 默认插槽 Vue规定:每个slot插槽,都要有一个
2022-12-29, Views: 807 , Topics: Vue
-
Vue keep-alive 缓存动态组件实例不销毁组件
作用 保持组件实例,不再销毁和重新创建,保留数据。 使用 直接使用<keep-alive>标签包裹动态组件即可。类似:<component/&
2022-12-28, Views: 1871 , Topics: Vue
-
Vue <component> 实现组件动态加载
动态组件 Vue 提供内置的<component>标签,来实现动态组件的渲染。 is 属性 <component>中is属性表示动态组件
2022-12-27, Views: 2214 , Topics: Vue
-
Vue $nextTick 解决 v-if 切换后操作 DOM 报错问题
场景 控制v-if的inputVisible变量来显示input输入框,但输入框显示后需要获取焦点。 <template> <div>
2022-12-26, Views: 1471 , Topics: Vue
-
Vue 父组件中修改子组件样式
scoped style中增加了scoped属性,则样式只会在当前组件中生效。 deep 父组件的style中定义/deep/(Vue3中会报错)或::v-de
2022-12-25, Views: 1006 , Topics: Vue
-
Vue props 自定义属性
自定义属性 组件中预定义一些字段,在其他组件引用时传入对应的值,起到复用的作用。 注意 [Vue warn]: Avoid mutating a prop d
2022-12-24, Views: 1338 , Topics: Vue
-
Vue $refs 操作 DOM 元素
$refs 每个Vue组件实例上都包含一个$refs对象,对象中存储着对应的DOM元素或组件的引用。 默认情况下,$refs指向一个空对象。 ref 在元素中添
2022-12-23, Views: 1194 , Topics: Vue
-
Vue 全局组件
定义全局组件 在main.js文件中使用Vue.component()函数定义全局组件。 第一个参数:组件ID,同样也是标签名,用于在template中定义。
2022-12-22, Views: 866 , Topics: Vue
-
Vue2 指令
指令 内容渲染指令 v-text(会覆盖内容节点中原有的内容) {{ }}(只能用在元素的内容节点中,不能用在属性节点中) v-html 属性绑定指令 v
2022-12-21, Views: 1097 , Topics: Vue
-
Node.js 模块
模块分类 内置模块 fs path http 自定义模块 创建的每个js都是自定义模块。 第三方模块 非官方提供的模块,由第三方提供并维护,需下载使用. 又
2022-12-20, Views: 899 , Topics: Node.js
-
Webpack 相关知识点
初始化工程 init会生成package.json。 npm init -y 安装 webpack npm install webpack@5.42.1 web
2022-12-19, Views: 837 , Topics: Webpack
-
TypeScript 相关知识点
安装 npm install -g typescript 编译 ts 文件 tsc在全局安装完typescript后自动会加入到环境变量中。 tsc hello
2022-12-18, Views: 1006 , Topics: TypeScript