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 · 546 阅读 · 0 评论 -
vue实践-todolist小项目
文章目录一、功能二、实现三、运行结果 一、功能 1、界面上有一个输入框和一个提交按钮 2、在输入框中输入内容,点击提交后,将输入的任务展示在下面 3、点击任务,可以删除任务 二、实现 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>...原创 2019-05-08 15:55:42 · 585 阅读 · 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 · 3161 阅读 · 0 评论 -
vue事件实例
一、功能 1、界面显示一个段落,文字是”我是一个段落“; 2、点击该段落,文字变为”我被点击了“ 二、实现 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>事件</title> <!--引入vue-->...原创 2019-05-06 16:48:49 · 284 阅读 · 0 评论 -
vue属性绑定
一、功能 1、界面有一个段落,文字显示为”这是一个段落" 2、鼠标移到段落上,提示“这是段落的提示” 二、实现 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>属性绑定</title> <!--引入vue-...原创 2019-05-06 17:30:21 · 381 阅读 · 0 评论 -
vue计算属性和监听器实例
文章目录一、功能二、分析二、实现三、运行结果 一、功能 1、界面上两个输入框,一个用来输入姓名,一个用来输入城市 2、第二行是一个段落,用来做自我介绍,显示刚才输入的姓名和城市 3、第三行是一个段落,用来统计自我介绍改变的次数,自我介绍改变一次,统计次数就加一 二、分析 1、输入框:需要双向绑定 v-model 2、自我介绍:由姓名和城市得来,是计算属性 computed 3、改变次数:需要对属性...原创 2019-05-06 23:27:57 · 1309 阅读 · 0 评论 -
vue中v-if和v-show的区别
1、v-if 2、v-show 3、v-if v-show区别原创 2019-05-07 18:07:58 · 251 阅读 · 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 · 1120 阅读 · 0 评论
分享