Vue
总会吃到鸡的
这个作者很懒,什么都没留下…
展开
-
vue.js—实现表单的删除、添加、修改、取消、保存事件(不考虑后台请求数据)
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <!-- 新 Bootstrap4 核心 CSS 文件 --> <link rel="style.原创 2020-12-02 10:57:18 · 1897 阅读 · 0 评论 -
Vue的基本代码和 MVVM 之间的基本关系
<!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><title>Document</title><!-- 1.导入V...原创 2019-04-17 15:00:52 · 575 阅读 · 0 评论 -
vue.js — v-model、v-for、v-if 、v-show 的基本用法
今天要写的是 vue.js 里面两个很常用的指令:v-model 和 v-for 。1、v-modelv-model 是 vue.js 里面唯一一个可以实现数据双向绑定的指令。v-model 只能通过表单元素实现与用户的交互,也就是说, v-model 只能绑定到表单上面,如:input(text , radio , address , email...) select che...原创 2019-04-22 14:46:26 · 1639 阅读 · 0 评论 -
vue.js — v- 的语句的基本用法
最近在学习vue.js,连续看了一个星期的视频教材,整个人都是懵的,于是打算停一下脚步,把在视频里面看到的知识整理一番,出一个自己的笔记。vue.js中很多的修饰符都是以 v- 的形式出现的,下面将一些常用的指令:1、v-cloak我们用vue来传输数据的时候,往往会用到类似 {{ msg }} 这样的内容,正常情况下这样的内容只有程序员可以看到,而有一种情况,当用户的网络不ok,&l...原创 2019-04-18 15:08:42 · 530 阅读 · 0 评论 -
vue.js — 事件修饰符的简单介绍
vue.js里面常用的事件修饰符有五个,分别是:.stop 阻止冒泡 、 .prevent 阻止默认事件 、 .capture 添加事件侦听器使用事件捕获模式 、 .self 当事件在该元素本身(比如不是子元素)触发时触发回调、.once 事件只能触发一次1、.stop 阻止冒泡事件修饰符阻止冒泡事件修饰符,顾名思义,就是阻止冒泡事件,下面这个例子,可以看出来,用了 .stop 和 没用 ...原创 2019-04-19 17:21:04 · 369 阅读 · 0 评论 -
vue.js — 格式化时间、获取焦点事件
vue.js 初学篇 —— 格式化时间、获取焦点时间今天记录一下 vue.js 里面的格式化时间和获取焦点时间。格式化时间定义格式化时间的全局过滤器:<div id="app"> <h3> {{ dt | dateFormat}}</h3></div><script> Vue.filter("dateFormat",f...原创 2019-04-25 10:42:08 · 1382 阅读 · 0 评论 -
vue.js — 安装Webpake创建一个完整的项目并上传至码云
vue.js初学篇——安装Webpake创建一个完整的项目并上传至码云今天总结一下之前几天学习的一整套的创建项目方法:前提条件:已安装node.js、npm/cnpm最新版本、vue-cli、 VS code编辑器进入到项目文件夹目录,并安装Webpake组件cd C:\Users\fangyan\Desktop\anli //根据自己文件夹的路径填写npm i webpack ...原创 2019-05-19 13:43:00 · 313 阅读 · 0 评论 -
vue.js — 新建一个 vue 页面并调整路由
vue.js — 新建一个 vue 页面并调整路由今天总结一下如何在一个项目中新创建一个页面并给这个页面添加路由:前提条件:已有一个全新的项目、 VS code编辑器、项目中已加载 vue-touter进入到项目文件夹目录,并新建两个个 vue 页面:NewsList.vue、Home.vueNewsList.vue代码<template> <div>...原创 2019-05-21 16:09:42 · 8097 阅读 · 2 评论