- 博客(8)
- 资源 (2)
- 收藏
- 关注
原创 Vue.js框架--封装localStorage组件实现保存的历史记录来完善todolist(八)
主要操作技能: 1.生命周期函数 vue页面刷新就会触发的方法 mounted{} 2.封装localStorage组件 3.使用模块化, 导入引用 import storage from './model/storage.js' 编写代码:<template> <div id="app"> <...
2018-08-30 12:02:36 950
原创 Vue.js框架--双向数据绑定实现todolist(七)
主要操作技能: 1. MVVM :双向数据绑定: 复选框checked=true/false 2. 条件判断 v-if 复选框checked 3. 输入框中的键盘按下事件keydown=doAdd($event) 4. 用样式美化页面要实现 http://www.todolist.cn这个效果!编写代码:<templat...
2018-08-30 09:19:34 453
原创 Vue.js框架--双向数据绑定实现todolist简单应用(六)
主要操作技能: 1.双向数据绑定MVVM 2.使用数组,再用v-for循环数据 3.数组中的splice() 方法 要实现 http://www.todolist.cn这个效果!编写代码:<template> <div id="app"> <!--v-model绑定数据 -->...
2018-08-29 16:07:54 181
原创 Vue.js框架--自定义方法和事件的使用(五)
主要操作技能: 自定义方法的使用:有参数,无参数; 事件的使用 $event ===>e.srcElement.dataset 自定义属性:data- 如: data-aid ,data-uname 单击按钮,触发的事件编写代码:<template> <div id="app"> {{...
2018-08-29 14:36:48 716
原创 Vue.js框架--双向数据绑定,用ref获取dom节点(四)
主要操作技能: 双向数据绑定 mvvm: model view view model ref获得dom节点: ref="username" ==>显示数据this.$refs.username.value编写代码:<template> <div id="app"> <h2>{{msg}}</h2>&am
2018-08-29 14:11:22 804
原创 Vue.js框架--v-bind绑定title ,src, html,text,class,style(三)
主要操作技能: v-bind:title 鼠标移上的显示 v-bind:src 绑定图片路径 v-bind:html 绑定HTML文本和标签 v-bind:text 绑定文本 v-bind:class 绑定类样式 v-bind:style 动态绑定样式编写代码<template> <div id="a...
2018-08-26 18:26:18 4381
原创 Vue.js框架--绑定数据,对象,数组渲染数据(二)
HBuilder DEI 导入项目 ->文件|导入显示: 介绍App.vue根文件有三个文件组合在一起(1)模板文件<template> <!-- vue模板里面,所有的内容被一个根节点包含起来--> <div id="app"> </div></template> (2)JS..
2018-08-26 17:07:56 1640
原创 Vue.js框架--vue-cli脚手架安装(一)
一、Vue和Angular、React都是前端框架 (1)单页面框架 (2)基于模块化组件化的开发模式Vue简单,灵活,高效,国内的中小企业用的很多! 二、应用场景 传统中西餐、快餐店、奶茶店、火锅店、咖啡店、甜品店、大排档、小吃店、KTV。三、必背的基础 (1)HTML+CSS+JS基础知识 (2)必须需要Vue基础知识 四、搭建Vue的开发...
2018-08-26 16:00:51 338
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人