VUE
文章平均质量分 78
VUE
DAIHAO丶
一花一世界,一树一菩提。
展开
-
Vue3总结
一、初识VUE3二、再识VUE3-MVVM三、VUE3数据代理四、VUE3事件处理五、VUE3计算属性六、Vue3监视属性七、VUE3过滤器七、VUE3内置指令九、VUE3组件十、VUE3生命周期原创 2024-06-19 11:11:55 · 791 阅读 · 0 评论 -
五、VUE计算属性
# 计算属性- vue实例里data里的都是属性- 当想要的属性不存在,要通过已有属性计算得来- 基本原理:底层借助了Objcet.defineproperty方法提供的getter和setter- get函数会初次读取时会执行一次、当依赖的数据发生改变时会被再次调用- 计算属性最终会出现在vm上,直接读取使用即可- 如果计算属性要被修改,那必须写set函数去响应修改,且set中要引起计算时依赖的数据发生改变原创 2024-04-30 09:15:36 · 123 阅读 · 0 评论 -
十、VUE3生命周期
中的顶层的导入、声明的变量和函数可在同一组件的模板中直接使用。你可以理解为模板是在同一作用域内声明的一个 JavaScript 函数——它自然可以访问与它一起声明的所有内容。我们可以使用响应式 API 来声明响应式的状态,在 setup() 函数中返回的对象会暴露给模板和组件实例。在 setup() 函数中手动暴露大量的状态和方法非常繁琐。幸运的是,我们可以通过使用单文件组件 (SFC) 来避免这种情况。原创 2024-05-28 10:48:55 · 354 阅读 · 0 评论 -
九、VUE组件
(1).组件名尽可能回避HTML中已有的元素名称,例如:h2、H2都不行。(2).可以使用name配置项指定组件在开发者工具中呈现的名字。不用使用脚手架时,会导致后续组件不能渲染。原创 2024-05-09 14:21:31 · 306 阅读 · 0 评论 -
八、VUE内置指令
(2).一定要在可信的内容上使用v-html,永不要用在用户提交的内容上!(1).在网站上动态渲染任意HTML是非常危险的,容易导致XSS攻击。v-html有安全性问题!原创 2024-05-09 14:21:20 · 379 阅读 · 0 评论 -
七、VUE过滤器
过滤器也可以接收额外参数、多个过滤器也可以串联。并没有改变原本的数据, 是产生新的对应的数据。原创 2024-05-09 14:21:04 · 267 阅读 · 0 评论 -
六、Vue监视属性
2.所有不被Vue所管理的函数(定时器的回调函数、ajax的回调函数等、Promise的回调函数),最好写成箭头函数,1.所被Vue管理的函数,最好写成普通函数,这样this的指向才是vm 或 组件实例对象。watch不仅能监视data的普通属性,也可以检测计算属性。当被监视的属性变化时, 回调函数自动调用, 进行相关操作。这样this的指向才是vm 或 组件实例对象。new Vue时传入watch配置。监视的属性必须存在,才能进行监视。原创 2024-05-09 14:17:33 · 388 阅读 · 0 评论 -
四、VUE事件处理
- Vue中的事件可以分为两类,一类是原生事件(如点击事件),一类是自定义事件(如子组件向父组件传值时触发事件)- 事件处理的思路都是用监听的形式对事件名进行监听,当该事件被触发时就执行相应的回调,可以是一段代码,或是一个函数。- 使用v-on:xxx 或 @xxx 绑定事件,其中xxx是事件名原创 2024-04-30 09:14:38 · 438 阅读 · 0 评论 -
三、VUE数据代理
Vue中的数据代理:通过vm对象来代理data对象中属性的操作(读/写)原创 2024-04-29 10:42:46 · 692 阅读 · 0 评论 -
二、再识VUE-MVVM
Vue.js 专注于 MVVM 模型的 ViewModel 层。它通过双向数据绑定把 View 层和 Model 层连接了起来。实际的 DOM 封装和输出格式都被抽象为了 Directives 和 Filters。原创 2024-04-29 10:00:56 · 842 阅读 · 0 评论 -
一、初识VUE
Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。"渐进式"是指 Vue.js 框架的一种特性,它意味着你可以逐步采用 Vue.js 来构建应用,而不必一次性将整个项目重构为 Vue.js 应用。原创 2024-04-28 11:14:04 · 386 阅读 · 0 评论 -
renren-fast-vue的坑
最近在学习renren-fast-vue,npm install时疯狂报错 最开始时报错是说node-sass下载失败,没办法只能谷歌一下求救前人,然后有说法是下载被墙,使用淘宝镜像资源npm install -g cnpm --registry=https://registry.npm.taobao.orgcnpm installnpm run dev然后还是不行报错,又换一种方法...原创 2020-04-05 18:20:05 · 1160 阅读 · 1 评论 -
renren-fast-vue之npm下载node-sass报错
因为sass安装时获取源的问题,先修改sass安装的源成淘宝的,再运行npm install就成功了npm config set sass_binary_site=https://npm.taobao.org/mirrors/node-sass原创 2020-09-11 15:31:05 · 343 阅读 · 0 评论