-
Vue 透传 Attribute
单个元素 自定义MyButton组件。 <template> <button class="btn">Click me</bu
2023-01-09, Views: 1781 , Topics: Vue
-
Vue i18n 国际化
安装 vue add i18n 默认生成 生成en.json：位于src/locales下 { "message": "hello i18n !!" } 生
2023-01-08, Views: 1772 , Topics: Vue
-
Vue mixins 复用组件功能
mixins 混入(mixin) 提供了一种非常灵活的方式，来分发Vue组件中的可复用功能。 一个混入对象可以包含任意组件选项。 当组件使用混入对象时，所有混入
2023-01-07, Views: 1531 , Topics: Vue
-
Vue provide inject 组件传值
作用 祖先组件向其所有子孙后代注入一个依赖（就是传递参数） 祖先组件 provide：提供数据 <template> <div>
2023-01-06, Views: 1621 , Topics: Vue
-
Vue watch 监听器
监听器 监听data中属性的变化。 方法监听器 缺点 无法在初始化加载时自动触发。 监听的是对象，对象中的属性变化无法触发。 使用 watch中增加与需要被
2023-01-05, Views: 1807 , Topics: Vue
-
Vue filters 过滤器
说明 只适用于Vue2、Vue1，在Vue3中已移除。 私有过滤器 插值表达式{{ }}中使用管道符|连接过滤器函数。 filters中定义自定义的过滤器函数。
2023-01-04, Views: 1462 , Topics: Vue
-
Vue computed 计算属性
含义 计算属性是为了方便代码服用，如拼接相关属性后生成的一个新的值，需要被多处地方使用，就可以使用计算属性这个功能来生成新字段避免重复代码。 computed属
2023-01-03, Views: 1264 , Topics: Vue
-
Vue v-cloak 解决页面闪烁
现象 在非工程化的项目中（直接引入Vue.js文件在HTML文件中使用），如果有耗时操作没让页面加载完，会显示{{}}，且页面会刷新。 v-cloak 使用v-
2023-01-02, Views: 1726 , Topics: Vue
-
Vue v-once 组件只渲染一次
作用 组件首次渲染后，之后不再渲染。 示例 <!DOCTYPE html> <html lang="en"> <head>
2022-12-31, Views: 2213 , Topics: Vue
-
Vue v-pre 加载 {{}}
作用 跳过这个元素和它的子元素的编译过程。可以用来显示原始{{}}标签。 跳过大量没有指令的节点会加快编译。 示例 <div v-pre>
2022-12-31, Views: 1464 , Topics: Vue
-
Vue .env 环境配置文件
默认模式 process.env.NODE_ENV默认值： vue-cli-service serve：默认是development模式。 vue-cli-s
2022-12-30, Views: 1750 , Topics: Vue
-
Vue slot 插槽
定义 插槽是Vue为组件的封装者提供的能力。允许开发者在封装组件时把不确定的、希望用户指定的部分定义为插槽。 默认插槽 Vue规定：每个slot插槽，都要有一个
2022-12-29, Views: 1268 , Topics: Vue
-
Vue keep-alive 缓存动态组件实例不销毁组件
作用 保持组件实例，不再销毁和重新创建，保留数据。 使用 直接使用<keep-alive>标签包裹动态组件即可。类似：<component/&
2022-12-28, Views: 2747 , Topics: Vue
-
Vue <component> 实现组件动态加载
动态组件 Vue 提供内置的<component>标签，来实现动态组件的渲染。 is 属性 <component>中is属性表示动态组件
2022-12-27, Views: 2765 , Topics: Vue
-
Vue $nextTick 解决 v-if 切换后操作 DOM 报错问题
场景 控制v-if的inputVisible变量来显示input输入框，但输入框显示后需要获取焦点。 <template> <div>
2022-12-26, Views: 2136 , Topics: Vue
-
Vue 父组件中修改子组件样式
scoped style中增加了scoped属性，则样式只会在当前组件中生效。 deep 父组件的style中定义/deep/（Vue3中会报错）或::v-de
2022-12-25, Views: 1521 , Topics: Vue
-
Vue props 自定义属性
自定义属性 组件中预定义一些字段，在其他组件引用时传入对应的值，起到复用的作用。 注意 [Vue warn]: Avoid mutating a prop d
2022-12-24, Views: 1863 , Topics: Vue
-
Vue $refs 操作 DOM 元素
$refs 每个Vue组件实例上都包含一个$refs对象，对象中存储着对应的DOM元素或组件的引用。 默认情况下，$refs指向一个空对象。 ref 在元素中添
2022-12-23, Views: 1695 , Topics: Vue