-
Vue 重置 data 数据
Vue2 this.$data = this.$options.data() Object.assign(this.$data, this.$options.
2023-01-13, Views: 2255 , Topics: Vue
-
Vue2 生命周期
组件创建阶段 beforeCreate 加载组件前。 props、data、methods不可用。 created 内存加载该组件完成。 props、data、
2023-01-11, Views: 1895 , Topics: Vue
-
Vue sourceMap 代码混淆
开发环境 eval-source-map：精准的定位到错误行号，能跳转到源码。 生产环境 关闭source-map或nosources-source-map。
2023-01-11, Views: 2990 , Topics: Vue
-
Vue 绑定多个参数
v-bind 多个参数组成的对象objectOfAttrs data() { return { objectOfAttrs: { id:
2023-01-10, Views: 1458 , Topics: Vue
-
Vue 透传 Attribute
单个元素 自定义MyButton组件。 <template> <button class="btn">Click me</bu
2023-01-09, Views: 1784 , Topics: Vue
-
Vue i18n 国际化
安装 vue add i18n 默认生成 生成en.json：位于src/locales下 { "message": "hello i18n !!" } 生
2023-01-08, Views: 1779 , Topics: Vue
-
Vue mixins 复用组件功能
mixins 混入(mixin) 提供了一种非常灵活的方式，来分发Vue组件中的可复用功能。 一个混入对象可以包含任意组件选项。 当组件使用混入对象时，所有混入
2023-01-07, Views: 1541 , Topics: Vue
-
Vue provide inject 组件传值
作用 祖先组件向其所有子孙后代注入一个依赖（就是传递参数） 祖先组件 provide：提供数据 <template> <div>
2023-01-06, Views: 1628 , Topics: Vue
-
Vue watch 监听器
监听器 监听data中属性的变化。 方法监听器 缺点 无法在初始化加载时自动触发。 监听的是对象，对象中的属性变化无法触发。 使用 watch中增加与需要被
2023-01-05, Views: 1817 , Topics: Vue
-
Vue filters 过滤器
说明 只适用于Vue2、Vue1，在Vue3中已移除。 私有过滤器 插值表达式{{ }}中使用管道符|连接过滤器函数。 filters中定义自定义的过滤器函数。
2023-01-04, Views: 1467 , Topics: Vue
-
Vue computed 计算属性
含义 计算属性是为了方便代码服用，如拼接相关属性后生成的一个新的值，需要被多处地方使用，就可以使用计算属性这个功能来生成新字段避免重复代码。 computed属
2023-01-03, Views: 1270 , Topics: Vue
-
Vue v-cloak 解决页面闪烁
现象 在非工程化的项目中（直接引入Vue.js文件在HTML文件中使用），如果有耗时操作没让页面加载完，会显示{{}}，且页面会刷新。 v-cloak 使用v-
2023-01-02, Views: 1739 , Topics: Vue
-
Vue v-once 组件只渲染一次
作用 组件首次渲染后，之后不再渲染。 示例 <!DOCTYPE html> <html lang="en"> <head>
2022-12-31, Views: 2226 , Topics: Vue
-
Vue v-pre 加载 {{}}
作用 跳过这个元素和它的子元素的编译过程。可以用来显示原始{{}}标签。 跳过大量没有指令的节点会加快编译。 示例 <div v-pre>
2022-12-31, Views: 1474 , Topics: Vue
-
Vue .env 环境配置文件
默认模式 process.env.NODE_ENV默认值： vue-cli-service serve：默认是development模式。 vue-cli-s
2022-12-30, Views: 1758 , Topics: Vue
-
Vue slot 插槽
定义 插槽是Vue为组件的封装者提供的能力。允许开发者在封装组件时把不确定的、希望用户指定的部分定义为插槽。 默认插槽 Vue规定：每个slot插槽，都要有一个
2022-12-29, Views: 1275 , Topics: Vue
-
Vue keep-alive 缓存动态组件实例不销毁组件
作用 保持组件实例，不再销毁和重新创建，保留数据。 使用 直接使用<keep-alive>标签包裹动态组件即可。类似：<component/&
2022-12-28, Views: 2755 , Topics: Vue
-
Vue <component> 实现组件动态加载
动态组件 Vue 提供内置的<component>标签，来实现动态组件的渲染。 is 属性 <component>中is属性表示动态组件
2022-12-27, Views: 2771 , Topics: Vue
-
Vue $nextTick 解决 v-if 切换后操作 DOM 报错问题
场景 控制v-if的inputVisible变量来显示input输入框，但输入框显示后需要获取焦点。 <template> <div>
2022-12-26, Views: 2144 , Topics: Vue
-
Vue 父组件中修改子组件样式
scoped style中增加了scoped属性，则样式只会在当前组件中生效。 deep 父组件的style中定义/deep/（Vue3中会报错）或::v-de
2022-12-25, Views: 1529 , Topics: Vue