栗子不听话的博客

原创 vue 基础知识回顾

vue 基础知识回顾 概述 vue 是渐进式 MVVM 框架，是数据驱动视图的双向响应的。 原理 Object.defineProperty 指令 渲染文本 v-text 等价于{{}}插值，必须有返回值，值类型：数字，字符串，四则运算，三目运算符。 渲染 dom v-html 内容必须是一个字符串的 dom 片段，且拥有全部的 v-text 的特性。 控制显示隐藏 v-show 原理：css 的 display 属性，控制元素是否显示，无论是否显示，该元素的 dom 都存在页面。 控制加载销毁 v-if

原创 微信小程序知识点总结

微信小程序知识点总结 1、微信开发者工具初始 一级工具栏 项目===》退出当前代码 格式化代码===》shift+alt+f 工具===》构建npm【重要】 详情===》本地设置 【自己开发时建议】：【使用npm模块，不校验合法域名】 2、项目结构 pages：视图组件–页面 由四个文件组成页面 js文件：写逻辑的 json文件：当前页面的配置文件 wxml：页面，标签，dom片段 wxss：当前页面样式 utils：全局工具–配件 自定义的一些纯js工具，时间格式化，插件 app.js：全局入口文

原创 本地存储

原创 vue基础常见面试题

常见的面试题 v-text 和 v-html 的区别和相似 答：v-text 与 v-html 的区别是：v-text 输出的是纯文本，浏览器不会再进行 html 解析，但 v-html 会将其当成 html 标签解析后输出。 v-if 和 v-show 的区别和相似 答：相同点：v-if 与 v-show 都可以动态控制 dom 元素显示隐藏 不同点：v-if 显示隐藏是将 dom 元素整个添加或删除，而 v-show 隐藏则是为该元素添加 css–display:none，dom 元素还在。 watc

原创 vue内置组件

内置组件 components 动态组件 用于动态加载组件。 必须使用is属性去匹配挂载好的组件，进行渲染 等价于自己去写v-if <component :is="name"></component> keep-alive 缓存组件 状态存在内存中，如果页面关闭或刷新，就会丢失状态。 用来缓存包裹着的组件的状态的。 使用场景：表单填写页面，如果离开需要保持输入的内容不丢失，就需要使用该组件进行包裹。 include 包含 exclude 不包含 <keep-aliv

原创 vue修饰符

修饰符 官网说:使用修饰符时，顺序很重要：相应的代码会以同样的顺序产生。因此，用 v-on:click.prevent.self 会阻止所有的点击，而 v-on:click.self.prevent 只会阻止对元素自身的点击。 顺序很重要,其实我们可以这么理解： .prevent修饰符在前的时候，修饰的是元素的v-on事件，所以它会阻止所有的点击（自身点击和事件冒泡）； .prevent修饰符在后的时候，修饰的是元素的v-on事件在被.self修饰后的事件，所以它只能阻止对元素自身的点击，无法阻止事件冒

原创 vue八大生命周期

vue八大生命周期 从Vue实例创建、挂载、更新、到销毁期间，总是伴随着各种各样的事件，这些事件统称为生命周期。而生命周期中的各种事件被称为生命周期钩子函数。 创建阶段：第一次页面加载的时候执行（一次性） beforeCreate 创建前 created 创建后 挂载阶段：第一次加载的时候执行（一次性） beforeMount 挂载前 mounted 挂载后 当组件被展示在html中的时候。用于自动发起请求等操作。 更新阶段 无论是自己还是父级组件，当data或props的数据被修改时触发 该阶

原创 Vue指令及指令面试常见问题

Vue指令 提示：所谓指令，其实本质就是在，模板中出现的特殊标记，根据这些标记让框架知道需要对这里进行什么操作。 1.v-model 作用：通常是用于表单组件的绑定。