vue
关注
分享
扫一扫
龟的小号
坚持比努力更重要
展开
-
vue开发环境搭建步骤-Mac版
文章目录一、nodejs下载二、安装淘宝镜像npm三、安装webpack、webpack-cli脚手架四、安装vue-cli脚手架五、新建vue项目一、nodejs下载1、nodejs下载下载官网： http://nodejs.cn/点击macOS安装包，点击保存文件2、验证nodejs是否安装成功终端输入node -v，如下图所示，说明nodejs安装成功node -v二、...原创 2019-04-24 15:02:40 · 504 阅读 · 0 评论 -
vue实践-todolist小项目
文章目录一、功能二、实现三、运行结果一、功能1、界面上有一个输入框和一个提交按钮2、在输入框中输入内容，点击提交后，将输入的任务展示在下面3、点击任务，可以删除任务二、实现<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>...原创 2019-05-08 15:55:42 · 546 阅读 · 0 评论 -
vue中{{}}, v-text, v-html, v-model的区别
1、{{}}和v-text一样：直接输出2、v-html ：html解析后输出实例：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>{{}} v-text v-html</title> <!--引入v...原创 2019-05-06 16:07:38 · 3114 阅读 · 0 评论 -
vue事件实例
一、功能1、界面显示一个段落，文字是”我是一个段落“；2、点击该段落，文字变为”我被点击了“二、实现<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>事件</title> <!--引入vue-->...原创 2019-05-06 16:48:49 · 258 阅读 · 0 评论 -
vue属性绑定
一、功能1、界面有一个段落，文字显示为”这是一个段落"2、鼠标移到段落上，提示“这是段落的提示”二、实现<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>属性绑定</title> <!--引入vue-...原创 2019-05-06 17:30:21 · 345 阅读 · 0 评论 -
vue计算属性和监听器实例
文章目录一、功能二、分析二、实现三、运行结果一、功能1、界面上两个输入框，一个用来输入姓名，一个用来输入城市2、第二行是一个段落，用来做自我介绍，显示刚才输入的姓名和城市3、第三行是一个段落，用来统计自我介绍改变的次数，自我介绍改变一次，统计次数就加一二、分析1、输入框：需要双向绑定 v-model2、自我介绍：由姓名和城市得来，是计算属性 computed3、改变次数：需要对属性...原创 2019-05-06 23:27:57 · 1247 阅读 · 0 评论 -
vue中v-if和v-show的区别
1、v-if2、v-show3、v-if v-show区别原创 2019-05-07 18:07:58 · 228 阅读 · 0 评论 -
vue中v-for指令实例
功能：展示数组元素及其索引实现：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>v-show</title> <!--引入vue--> <script src="https://c...原创 2019-05-07 18:23:04 · 1098 阅读 · 0 评论