![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue学习笔记
夏木炎
个人学习工作记录(只对自己负责),不接受批评,不保证准确,爱看则看。。。
展开
-
Vue常用指令(v-model,v-once,v-if,v-show)举例
举例代码:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"> <title>vue的常用指令&a原创 2018-07-10 14:20:09 · 1383 阅读 · 0 评论 -
v-for指令小案例
一.案例代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>v-for案例</title> <style> table{ width: 620px; border: 2px solid p原创 2018-07-10 14:23:30 · 856 阅读 · 0 评论 -
vue的常用指令v-tex,v-html基本用法小案例
一.案例代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>vue的常用指令v-tex,v-html</title> </head> <body> <div id=原创 2018-07-10 14:53:35 · 982 阅读 · 0 评论 -
常用指令v-bind基本使用方法
一.案例代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>常用指令v-bind</title> <style> .active{ background-color: plum; font原创 2018-07-10 15:18:55 · 517 阅读 · 0 评论 -
常用指令v-on的基本用法案例
一.案例代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>常用指令v-on</title> </head> <body> <div id="app&qu原创 2018-07-10 16:03:55 · 834 阅读 · 0 评论 -
vue学生录入系统小案例(实现添加删除)
一.案例代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>vue指令综合案例</title> <style> #app{ margin: 50px auto; width: 620px;原创 2018-07-11 10:35:17 · 3576 阅读 · 0 评论 -
vue计算属性(get和set方法)案例
一.案例代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div id="app"&原创 2018-07-11 15:02:09 · 5146 阅读 · 0 评论 -
Vue局部组件案例
一.案例代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div id="app"&am原创 2018-08-14 14:31:18 · 683 阅读 · 0 评论