![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue.js学习
文章平均质量分 71
红浴巾
哈哈哈哈
展开
-
Vue2.0实例选项卡制作
结果展示:做选项卡的时候首先需要搞明白@click,:class ,v-show这三个vue常用的指令,添加事件的方式。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content=&a原创 2018-04-28 15:00:05 · 981 阅读 · 0 评论 -
Vue2.0实例双向数据绑定
结果展示:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2018-05-15 20:07:54 · 227 阅读 · 0 评论 -
《Vue.js实战》 标签页组件
1.所需要的文件及结构2.标签页组件的核心代码分解 先初始化各个文件●index.html●tabs.js●pane.js pane需要控制标签页内容的显示与隐藏,设置一个data:show,并且用v-show指令来控制元素; 当点击到这个pane对应的标签页标题按钮时,此pane的show值设置为true,否则应...原创 2018-09-02 23:42:26 · 1825 阅读 · 1 评论 -
Vue2.0搭建脚手架
使用软件Visual Studio Code1.安装node.js傻瓜式安装,直接下一步下一步。安装完成后,打开命令行工具。输入命令node -v出现对应版本号说明安装成功了。输入npm -v显示出npm的版本信息。下载地址https://nodejs.org/en/2.Vue安装 npm install vue 3.安装vue...原创 2018-09-18 12:47:36 · 179 阅读 · 0 评论 -
element-ui+vue2.0 实现登录并实现一周內记住密码
1.文件目录2.主页index.html<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"&原创 2018-10-19 09:54:50 · 7961 阅读 · 6 评论 -
手写一个简单的vue实现双向数据绑定
手写一个简单的vue实现mvvm1. 准备两个文件index.html和mvvm.jsindex.html内容如下:<body> <div id="app"> <input type="text" v-model="person.name"> {{person.name}} <div> ...原创 2019-10-02 15:53:46 · 1267 阅读 · 0 评论