小可桢的博客

1.写一个支持滑动的组件scroll.vue,2.在需要使用滑块的页面引用这个组件,支持横向及纵向滑动。

现象:图片在ios手机上会出现白色的间隙、安卓手机上则不会出现。最近在开发移动端官网页面,遇到不同机型间的适配小bug.

1百度网盘 请输入提取码提取码为abcd2 将下载好的安装包解压到你要安装的目录3 在Chorme浏览器导入解压后的安装包4 打开调试工具就能看到Vue标志

1.大家对Vue里的函数data( ){ return { } }有什么理解吗？相信很多学过闭包的同学就能发现，这个data函数不就是一个闭包吗，如果不清楚的同学可以看我写的上篇博文：闭包得从底层理解注意：闭包简答理解（方法里面返回一个方法） 闭包最重要的特性：实现对数据的私有和封装2.data写成函数（闭包）的形式，数据会以函数返回值的形式定义，这样，每复用一次组件，就会返回一份新的data,相当于给每一个组件创建了一个私有数据空间，A组件数据不会影响B组件，B组件不会影...

1 props验证指的是：在封装组件时对外界传递过来的props数据进行合法性的验证，从而防止数据不合法的问题。使用对象类型的props节点，可以对数据进行校验2 计算属性计算属性本质上就是一个function函数，它可以实时监听data中数据的变化，并return一个计算后的新值，供组件渲染DOM时使用。计算属性需要以function函数的形式声明到组件的computed选项中2.2 计算属性VS方法计算属性会缓存计算的结果，性能更好3 自定义事件3.1 什么是自定义事

1 组件的注册组件之间可以相互的引用，但有一个前提-----------注册1.1 注册的两种方式全局注册和局部注册两种全局注册：被全局注册的组件，可以在全局任何一个组件内使用1.在main.js内导入两个组件2.调用 app 实例的 component() 方法，再全局注册两个组件，两个参数（' 前面字符串是名称 ',xx)3.在其他组件中直接以标签的形式就能使用局部注册：被局部注册的组件，只能在当前注册的范围内使用...

1 组件化开发思想（what?)组件表示可重用的模块Vue核心特性：数据驱动(MVVM)、组件化、指令，其中就包含了组件化思想Vue是完全支持组件化开发的框架。后缀名为.vue,像我们知道的App.vue就称为根组件。2 vue组件的构成每个.vue组件都由3部分构成，分别是：template---->组件的模板结构（其实就是HTML)script----->组件的JavaScript行为style------>组件的样式每个组件必须要包含templat

1 vite创建vue3.x的项目通过Shift+鼠标右键打开PowerShell窗口命令：npm init vite-app 项目名称cd 项目名称npm installnpm run dev2 项目的结构3 vite项目流程在工程化项目中，Vue要做的事很单纯。通过main.js把 App.vue渲染到index.html的指定区域中其中：（1）App.vue用来编写待渲染的（结构HTML）（2）index.html中需要...

一，优点SPA 单页面应用程序最显著的 3 个优点如下： ① 良好的交互体验 单页应用的内容的改变不需要重新加载整个页面,只有一个HTML页面因为没有页面之间的跳转，不会出现“白屏现象”获取数据也是通过 Ajax ，Axios异步获取 ② 良好的前后端工作分离模式 后端专注于提供 API 接口，更易实现 API 接口的复用 像小程序，app,pc都可以使用同一份API接口前端专注于页面的渲染，更利于前端工程化的发展 ③ 减轻服务器的压力 服务器只提供数据，

单页面应用程序（英文名：Single Page Application）简称 SPA顾名思义，指的是一个 Web 网站中只有唯一的一个 HTML 页面所有的功能与交互都在这唯一的一个页面内完成单页面应用程序将所有的功能局限于一个HTML 页面中，仅在该HTML 页面初始化时加载相应的资源（ HTML、 JavaScript 和 CSS）。 一旦页面加载完成了，SPA 不会因为用户的操作而进行页面的重新加载或跳转。为啥呢？因为只有一个html页面，不需页面的要跳转（上面这句话

① 文本内容渲染指令 文本内容渲染指令用data中的数据项来渲染 DOM 元素的文本内容v-text 注意：v-text 指令会覆盖元素内默认的值 像<p v-text="gender">性别</p> 性别就被覆盖{{ }} ：只能用在元素的内容节点中v-html注意：把含 HTML 标签渲染为文本② 元素属性绑定指令 为元素的属性动态绑定data中的数据项的属性值（简写为英文的 : ）<...

① 数据驱动视图 ② 双向数据绑定1 数据驱动视图 数据 可以是写死的假数据，或者调用api接口从服务器上请求的数据视图 页面最终被渲染出来的dom结构在使用了 vue 的页面中，vue 会监听数据的变化，自动渲染页面为什么要数据驱动视图呢？这样程序员就不需要手动渲染页面了，当数据发生变化，页面会自动重新渲染（不过，，，，）注意：这是单向的数据绑定，核心原理MVVM2 双向数据绑定在填写表单时，双向数据绑定能不操作 DOM ，自动把表

1.vue是什么（what?)Vue.js是一个用于创建用户界面的开源JavaScript框架，也是一个创建单页面应用的Web应用框架2.vue的核心特性数据驱动（MVVM）mvvm表示的是Model-View-ViewModel,viewmodel用来连接Model和View，是Model和View之间的桥梁组件化相当于把一个页面分为几块部分，能够降低系统的耦合度，提高可维护性，调试方便指令系统熟悉一些常见的指令3.vue跟传统开发的区别vue所有的界面事件，都是只