![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
VUE入门
文章平均质量分 66
冲呀web
与大家一起分享学习过程中的问题和解决方式,不对的也请大家多多指点,共同进步。
展开
-
讲清vue数据代理
一、何为数据代理1.1.在讲清数据代理前我们应当知道 Object.defineProperty()这个方法详情查看 let number = 18 let person = { name:'张三', sex:'男', } Object.defineProperty(person,'age',{ // value:18, // enumerable:true, //控制属性是否可以枚举,默认值是false // writable:true原创 2021-10-18 16:18:46 · 308 阅读 · 0 评论 -
vue中的组件
一,定义Vue组件什么是组件: 组件的出现,就是为了拆分Vue实例的代码量的,能够让我们以不同的组件,来划分不同的功能模块,将来我们需要什么样的功能,就可以去调用对应的组件即可;组件化和模块化的不同:模块化: 是从代码逻辑的角度进行划分的;方便代码分层开发,保证每个功能模块的职能单一;组件化: 是从UI界面的角度进行划分的;前端的组件化,方便UI组件的重用;1.定义组件的方式:方式一:div id="app"> <!-- 如果要使用组件,直接,把组件的名称,以 HTML原创 2021-04-06 10:26:33 · 170 阅读 · 0 评论 -
watch、computed和methods之间的对比
一、methods通过在methods里面定义方法,实现功能:<body> <div id="app"> <!-- 分析: --> <!-- 1. 我们要监听到 文本框数据的改变,这样才能知道 什么时候去拼接 出一个 fullname --> <!-- 2. 如何监听到 文本框的数据改变呢??? --> <input type="text" v-model="firstname" @keyup="g原创 2021-04-06 10:26:17 · 137 阅读 · 1 评论 -
vue中的路由
一、什么是路由后端路由:对于普通的网站,所有的超链接都是URL地址,所有的URL地址都对应服务器上对应的资源;前端路由:对于单页面应用程序来说,主要通过URL中的hash(#号)来实现不同页面之间的切换,同时,hash有一个特点:HTTP请求中不会包含hash相关的内容;所以,单页面程序中的页面跳转主要用hash实现;在单页面应用程序中,这种通过hash改变来切换页面的方式,称作前端路由(区别于后端路由);1. 在 vue 中使用 vue-router1.1导入 vue-route原创 2021-04-06 10:26:04 · 92 阅读 · 0 评论 -
vue中的动画
一,vue中的动画Vue 提供了 transition 的封装组件,在下列情形中,可以给任何元素和组件添加进入/离开过渡条件渲染 (使用 v-if)条件展示 (使用 v-show)动态组件组件根节点1.过渡的类名在进入/离开的过渡中,会有 6 个 class 切换。1.v-enter:定义进入过渡的开始状态。在元素被插入之前生效,在元素被插入之后的下一帧移除。2.v-enter-active:定义进入过渡生效时的状态。在整个进入过渡的阶段中应用,在元素被插入之前生效,在过渡/动画完成之后移原创 2021-04-06 10:25:41 · 338 阅读 · 0 评论 -
vue的生命周期
一、vue的生命周期1.什么是生命周期:从Vue实例创建、运行、到销毁期间,总是伴随着各种各样的事件,这些事件,统称为生命周期!生命周期钩子 = 生命周期函数 = 生命周期事件主要的生命周期函数分类:创建期间的生命周期(钩子)函数:beforeCreate:实例刚在内存中被创建出来,此时,还没有初始化好 data 和 methods 属性created:实例已经在内存中创建OK,此时 data 和 methods 已经创建OK,此时还没有开始 编译模板beforeMount:此时已经完原创 2021-04-06 10:25:26 · 69 阅读 · 0 评论 -
vue中自定义指令
一、自定义指令除了核心功能默认内置的指令 (v-model 和 v-show),Vue 也允许注册自定义指令。使用格式: Vue.directive('指令名',{对象})// 其中:参数1 : 指令的名称,注意,在定义的时候,指令的名称前面,不需要加 v- 前缀, // 但是: 在调用的时候,必须 在指令名称前 加上 v- 前缀来进行调用// 参数2: 是一个对象,这个对象身上,有一些指令相关的函数,这些函数可以在特定的阶段,执行相关的操作1.1 钩子函数**bind:**只调用一原创 2021-04-06 10:25:06 · 144 阅读 · 2 评论 -
vue中的过滤器和自定义按键修饰符
一、过滤器概念:Vue.js 允许你自定义过滤器,可被用作一些常见的文本格式化。过滤器可以用在两个地方:mustache 插值和 v-bind 表达式。过滤器应该被添加在 JavaScript 表达式的尾部,由“管道”符指示;1.1全局过滤器过滤器的定义语法 Vue.filter('过滤器的名称', function(){}) //过滤器中的 function ,第一个参数,已经被规定死了,永远都是 过滤器 管道符前面 传递过来的数据 Vue.filter('过滤器的名称', fun原创 2021-04-06 10:24:44 · 98 阅读 · 0 评论 -
vue介绍和相关指令
1.1. Vue 的基本认识1.1.1. 官网英文官网: https://vuejs.org/中文官网: https://cn.vuejs.org/1.1.2. 介绍描述渐进式 JavaScript 框架作者: 尤雨溪(一位华裔前 Google 工程师)作用: 动态构建用户界面1.1.3. Vue 的特点遵循 MVVM 模式编码简洁, 体积小, 运行效率高, 适合移动/PC 端开发它本身只关注 UI, 可以轻松引入 vue 插件或其它第三库开发项目MVVM:model:原创 2020-11-17 18:11:42 · 166 阅读 · 0 评论