![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
qq_58590962
这个作者很懒,什么都没留下…
展开
-
前端面试题200道--整理中
css的居中方式 margin:0 auto; /(适用于行内元素)/ text-align:center; position: absolute; top: 0; left: 0; bottom: 0; right: 0; transfrom: translate(-50%,-50%); display: flex; 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 2. px,em,rem,% 一、px是固定的像素,一旦设置了就无法因为适应页面大小而改变。 二、em和rem相对.原创 2021-10-13 13:21:46 · 456 阅读 · 0 评论 -
vue路由
原创 2021-08-19 21:58:43 · 97 阅读 · 0 评论 -
vue项目组件
全局组件: 局部组件:原创 2021-08-19 21:58:10 · 99 阅读 · 0 评论 -
Vue Router
1.什么是Vue Router? Vue Router和v-if/v-show一样,是用来切换组件的显示的 v-if/v-show是通过标记来切换(true/false) Vue Router是通过哈希来切换(#/xxx) 比v-if/v-show强大的是Vue Router不仅仅能切换组件的显示,还能够在切换的时候传递参数 2.Vue Router使用: 1.导入Vue Router 2.定义路由规则 3.根据路由规则创建路由对象 4.将路径对象挂载到Vue实例中 5.修改URL哈希值 6.通过渲染匹原创 2021-08-07 17:10:51 · 85 阅读 · 0 评论 -
vuex基础
什么是vuex? vuex是vue配套的公共数据管理工具,我们可以将共享的数据保存到vuex中,方便整个程序中的任何组件都可以获取和修改vuex中保存的公共数据。原创 2021-08-06 20:24:20 · 67 阅读 · 0 评论 -
vue父子组件
1.什么是父子组件? 在一个组件中又定义了其他的组件就是父子组件。 其实局部组件就是最简单的父子组件,因为我们说过可以把vue实例看作是一个大组件。 我们在vue实例中定义了局部组件,就相当于在大组件里面定义了小组件,所以局部组件就是最简单的父子组件。 2.如何定义其他的父子组件 前面我们说过,自定义组件中可以使用data,可以使用methods,当然子定义组件中也可以使用components,所以我们也可以在自定义组件中在定义其他组件。 ...原创 2021-08-05 15:23:18 · 2382 阅读 · 1 评论 -
Vue组件
Vue两大核心: 数据驱动界面改变 组件化 1.什么是组件?什么是组件化? 在前端开发中组件就是把一个很大的界面拆分为多个小的界面,每一个小的界面就是一个组件 将大界面拆分成小界面就是组件化 2.组件化的好处? 可以简化Vue实力代码 可以调高复用性 3.Vue中如何创建组件? 创建组件构造器 注册已经创建好的组件 使用注册好的组件 自定义全局组件: 自定义局部组件: ...原创 2021-08-02 16:37:39 · 76 阅读 · 0 评论 -
vue自定义全局和局部过滤器
1.什么是过滤器? 过滤器和函数和计算属性一样都是用来处理数据的,但是过滤器一般用于格式化插入的文本数据 2.如何自定义全局过滤器? Vue.filter(" 过滤器名称",过滤器处理函数) 3.如何使用过滤器? {{msg | 过滤器名称}} value=“ msg | 过滤器名称 ” 4.过滤器注意点: 只能在插值语法和v-bind中使用 一个数据可以交给多个过滤器使用 全局过滤器: 局部过滤器: ...原创 2021-08-02 15:15:18 · 155 阅读 · 0 评论 -
vue自定义指令及其钩子函数
钩子函数: 一个指定定义对象可以提供如下几个钩子函数: bind: 只调用一次,指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置。 inserted: 被绑定元素插入父节点时调用(仅保证父节点存在,但不一定已被插入文档中) update: 所在组建的VNode更新时调用,但是可能发生在其子VNode更新之前。指令的值可能发生了改变,也可能没有。但是你可以通过比较更新前后的值来忽略不必要的模块更新。 自定义指令: 自定义指令传参: 自定义局部指令和全局指令: ...原创 2021-08-02 11:09:00 · 2081 阅读 · 0 评论 -
v-on 常见修饰符
v-on修饰符 .once 只触发一次回调 .prevent 调用event.preventDefault() .self 只处罚事件本身的回调函数 stop 调用event,stopPropagation() capture 添加事件监听器时使用capture模式 .once .prevent .stop .self .capture ...原创 2021-08-01 22:57:56 · 84 阅读 · 0 评论 -
Vue小案例
记事本 <body> <!-- 主体区域 --> <section id="todoapp"> <!-- 输入框 --> <header class="header"> <h1>记事本</h1> <input v-model="inputValue" @keyup.enter="add" autofocus="aut原创 2021-07-29 23:05:44 · 89 阅读 · 0 评论 -
Vue基础
Vue简介: 1.vue是javaScript框架 2.简化Dom操作 3.响应式的数据驱动 第一个vue程序: <body> <div id="app"> {{msg}} </div> </body> <script> new Vue({ // 1.创建vue实例对象 el: "#app", // 2.设置el属性 data: { // 3. dat原创 2021-07-27 17:09:58 · 85 阅读 · 0 评论