蜗居的夜猫

文章目录vue.js是什么？使用vue-cli脚手架搭建搭建步骤安装element uivue.js基础vue的内部指令v-if v-else-if v-else v-show 条件指令v-for循环指令vue.js是什么？可以让web开发变得简单，提供了现代web开发常见的高级功能，比如：解耦视图与数据可复用的组件前端路由状态管理虚拟DOMMVVM模式与知名前端框架Angul...

文章目录vue的内部指令v-if v-else-if v-else v-show 条件指令v-for循环指令vue的内部指令v-if v-else-if v-else v-show 条件指令1、v-ifv-if:是vue 的一个内部指令，指令用在我们的html中。v-if用来判断是否加载html的DOM，比如我们模拟一个用户登录状态，在用户登录后现实用户名称。代码如下：<div...

文章目录computed（计算属性）计算属性用法计算属性缓存computed（计算属性）模板内的表达式常用于简单的运算，当其过长或逻辑复杂，会难以维护，而计算属性就是用于解决该问题。例如：<div>{{text.split(',').reverse().join(',')}}</div>上例表达式包含3个操作，并不是很清晰，所以在遇到复杂的逻辑时应该使用计算...

文章目录methods（方法）基本用法methods中的$event参数watch（监听属性）监听数据实例：methods（方法）基本用法1.监听一个按钮的点击事件，设值一个计数器，每次点击都加1： <div id="app"> <h1>点击次数：{{counter}}</h1> <button @click="co...

文章目录修饰符修饰符1.在@绑定的事件后加小圆点“.”，在跟一个后缀来使用修饰符。Vue支持以下修饰符：.stop.prevent.capture.self.once具体用法如下：<!--阻止单击事件冒泡 --><a @click.stop="handle"></a><!--提交事件不再重载页面 --><form @...

文章目录vuex安装vuex案例解说附加全部案例代码vuexvuex是一个专门为vue.js设计的集中式状态管理架构。状态？我把它理解为在data中的属性需要共享给其他vue组件使用的部分，就叫做状态。简单的说就是data中需要共用的属性。安装vuex1.在控制命令中输入：npm install --save vuex （安装在当前项目下 vuex）2.在main.js文件中引入vue...

文章目录组件全局组件组件组件（Component）是 Vue.js 最强大的功能之一，组件可以扩展 HTML 元素，封装可重用的代码。全局组件全局组件语法格式如下：Vue.component(tagName,options)tagName为组件名，options为配置选项。实例：《未完待续~~~~~》...

文章目录vue-router（路由）安装路由搭建项目单页面简单实例router-link制作导航子路由配置vue-router（路由）Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。安装路由1.在用vue-cli构建项目的时候我们已经使用vue-router（详见如下图一），所以main.js已经引入router（...