
Vue
文章平均质量分 61
vue
Start_t
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Vue的$set、$delete实现视图层响应
Vue的$set、$delete实现视图层响应<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="https://unpkg.com/element-ui/l原创 2021-02-22 16:07:02 · 217 阅读 · 0 评论 -
vue预渲染 render-spa-plugin
vue预渲染 render-spa-plugin全局安装npm install -g @vue/cli-init创建vebpack项目vue init webpack . // 在当前文件夹下创建项目? Generate project in current directory? Yes? Project name prerender-spa? Project description A Vue.js project? Author dxc1996 <1889536488原创 2020-11-10 22:32:55 · 331 阅读 · 0 评论 -
vuex
vuex一、初始步骤1.安装2.在src下新建一个store文件夹,里面新建一个index.js文件,并引入vue和vuex3.引用vuex4.在main.js中实例化store并引入store下的index.js二、使用详解一、初始步骤1.安装npm install vuex --save2.在src下新建一个store文件夹,里面新建一个index.js文件,并引入vue和vueximport Vue from 'vue'import Vuex from 'vuex'3.引用vuexVu原创 2020-08-31 17:17:56 · 260 阅读 · 0 评论 -
vue ui的使用
vue ui的使用1.使用win + R 打开cmd 在cmd中输入vue ui(注:在这之前需要安装vue CLI 3.0以上版本,否则会卡在vue ui这个命令行这)2.3.4.5.选择你要选择的功能6.7.可以选择为预设,也可以不选择,这里看个人,安装好就是一下这个样子8.当我们要安装插件时把全部引入改为按需引入9.安装axios...原创 2020-05-17 15:15:21 · 763 阅读 · 0 评论 -
vue——组件传值
vue——组件传值1.父传子2.子传父3.兄弟传兄弟4.爷传孙1.父传子父->子props父子 使用场景: 电商 (松耦合)$parent 子抓父 使用场景: 通用组件(紧耦合) <子 :自定义属性="父数据"></..> 子组件: 选项 props:['自定义属性'] props:{自定义属性:{type/defaul...原创 2020-05-05 20:42:32 · 254 阅读 · 0 评论 -
Vue Router
Vue Router安装:npm install vue-router -S配置:1.在router文件夹下创建一个router.js2.router.js下import Vue from ‘vue’import VueRouter from ‘vue-router’Vue.use(VueRouter) 安装|注册到全局const router = new VueRouter({...原创 2020-04-16 11:50:37 · 254 阅读 · 0 评论 -
自定义指令(钩子函数)
自定义指令(钩子函数) 自定义指令: 指令是个函数|对象,用来操作dom的, 里面的this 返回window a)全局: Vue.directive('指令名不带v-',函数(el,binding)) el == 使用指令的DOM元素 binding 是个对象 含有传入的 参数(binding.value) b)局部: 定义在选项里面 direct...原创 2020-04-11 19:09:11 · 3643 阅读 · 0 评论 -
vue---样式操作
样式操作样式操作|属性绑定 v-bind:class="数据|属性|变量|表达式" :class/style = " 数据 " 数据类型:字符/对象 / 数组 :class="{类名:true,类名2:false}" 布尔值决定样式是否使用 :style="[{css属性名:值},{css属性名小驼峰:值}]" <div id="app"&...原创 2020-04-11 18:43:41 · 269 阅读 · 0 评论 -
v-show和v-if
v-show和v-if区别:v-show=“布尔”v-if=“布尔”操作css操作dom适合频繁切换适合不频繁切换初始渲染消耗频繁切换回有消耗 <div id="app"> <div v-show="bl">show</div> <div v-if="bl">if</...原创 2020-04-11 18:41:24 · 234 阅读 · 0 评论 -
计算属性computed和属性检测watch
计算属性和属性检测计算属性: 是一个函数,所依赖的元数据变化时,会再次执行,平时会缓存,是响应式的,需要在模板中渲染才可调用 computed:{ 计算属性: function(){return 返回值} 使用: {{计算属性}} } 与methods的区别: 方法会每次调用,计算属性不会,默认只调用一次 计算属性的性能高: 适合做筛选,基于它们的响应式依赖进行...原创 2020-04-11 18:30:42 · 343 阅读 · 0 评论 -
vue起步
vue起步插值表达式 | 指令 | 属性事件列渲v-for | 条渲v-showVUE是个MVVM框架(没完全遵循),即 M <-> VM <-> V先来介绍一下MVCmodel M 数据 ajax/jsonp/数据解析 可以复用view V 视图表现层 展示数据、创建元素,变色,运动 可以复用control C 控制层(串业务,事件...原创 2020-04-11 12:25:09 · 233 阅读 · 0 评论 -
vue的双向绑定
vue的双向绑定双向绑定: v-model: 创建双向数据绑定(M<->V) , 用在能生产数据的表单元素 input/radio/select/..... 绑定的是表单元素的 value值 checked 单向绑定模拟双向绑定: :value="...." model->view v-on:input="fn($event.value)" 输...原创 2020-04-11 12:08:50 · 182 阅读 · 0 评论 -
一篇搞定Vue-Router
一篇搞定Vue-Routervue-router导航守卫在本期文章中,我将为大家梳理弄明白以下几个事情,1:导航守卫的执行顺序是怎么样的?2:导航守卫中的next的用处?3:为什么afterEach守卫没有next?4:beforeEach是否可以叠加?5:路由跳转经历了哪几部分?在之前说过的一个内容router实例的history属性帮助我们做了所有跳转部分的事情,所以导航守卫的...转载 2019-12-11 15:36:42 · 224 阅读 · 0 评论 -
vue中计算属性computed与属性检测watch的区别
Vue中computed与watch的区别计算属性属性检测计算属性computed属性检测watch首次运行首次不运行调用时需要在模板中渲染,修改计算所依赖元数据调用时只需修改元数据默认深度依赖默认浅度观测适合做筛选,不可异步适合做执行异步或开销较大的操作计算属性<!DOCTYPE html><html> <...原创 2019-10-07 22:59:44 · 616 阅读 · 0 评论 -
初识Vue
初识Vue初识Vue什么是vue声明式渲染事件vue里的箭头函数三种绑定方式列表渲染_条件渲染总结初识Vue什么是vue构建数据驱动的web应用开发框架;Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架;Vue 被设计为可以自底向上逐层应用;Vue 的核心库只关注视图层;便于与第三方库或既有项目整合;Vue 不支持 IE8 及以下版本;在之...原创 2019-09-29 00:14:15 · 236 阅读 · 0 评论