柠檬椰子-CSDN博客

原创 (述)git的使用

文章目录步骤步骤1、打开项目终端（1）可采用用Visual Studio Code -终端。（2）window-cmd -cd :（输入你的项目文件夹路径）.

2019-04-28 14:30:01 185

原创 (简)vue的component（组件）

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

2019-04-11 17:31:24 243

原创（简）事件指令v-on：修饰符

文章目录修饰符修饰符1.在@绑定的事件后加小圆点“.”，在跟一个后缀来使用修饰符。Vue支持以下修饰符：.stop.prevent.capture.self.once具体用法如下：<a @click.stop="handle"></a><form @...

2019-04-06 19:12:01 408

原创 (简)vue的methods（方法）+watch（监听属性）

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

2019-04-06 18:19:43 4114

原创（简）vue的computed（计算属性）

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

2019-04-06 17:11:05 265

原创（简）vue-router路由

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

2019-04-02 17:26:02 334

原创（简）vuex

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

2019-03-28 11:20:51 278

原创（简）vue-cli脚手架

文章目录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...

2019-03-27 23:44:34 280

原创 vue.js内部指令

文章目录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...

2019-03-25 15:29:34 354

原创 javascript常见的数组操作

文章目录数组去重、数组排序、乱序等函数实现声明一个函数，参数数组，返回元素小于20的数组。数组首部增加元素，首部删除元素，尾部增加元素，尾部删除元素splice方法的用途访问属性值数组去重、数组排序、乱序等函数实现var arr = [1,21,42,63,8,2,8,2,1,3,4,5,6,7]; //数组去重 var Newarr=[]; v...

2019-03-24 17:57:14 166

蜗居的夜猫