摘要：
## 一.文本操作指令 #### 1.v-text ```htmlv-text <==> {{}}<p v-text="msg"></p>``` #### 2.v-html ```html<p v-html="msg"></p>// <b>123</b> => 加粗的123``` #### 3.v- 阅读全文
摘要：
一 概念 二 代码示范 <!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <title>列表渲染</title></head><body> <div id="app"> <h1>{{ msg }}</h1> <!-- v-for 阅读全文
摘要：
<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <title>todoList案例</title></head><body> <div id="app"> <div> <input type="text" v-model="v 阅读全文
摘要：
一 概念 二 代码示范 <!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <title>条件渲染</title> <script src="js/vue-2.5.17.js"></script> <style type="tex 阅读全文
摘要：
一 概念 二 代码示范 <!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <title>v-model</title></head><body> <div id="app"> <form action=""> <!-- 数据的双 阅读全文
摘要：
一 概念 二 代码示范 <!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <title>v-bind</title> <style type="text/css"> .abc { background-color: red } 阅读全文
摘要：
<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <title>v-on指令</title> <style type="text/css"> p { width: 100px; height: 100px; background 阅读全文
摘要：
<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <title>文本类指令</title> <style type="text/css"> p { line-height: 21px; background-color: ora 阅读全文
摘要：
一 概念 二 代码示范 <!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <title>Document</title> <script src="js/vue-2.5.17.js"></script> <style type= 阅读全文
摘要：
## 一.认识vue #### 1.什么是vue 以数据驱动的web渐进式框架 #### 2.vue优点 - 以数据驱动,不直接操作DOM,效率高- 单页面应用,减少请求页面次数,速度快- 数据的双向绑定,更新快- 虚拟DOM,开发操作数据,数据更新虚拟DOM,虚拟DOM渲染真实DOM- 组件化开发 阅读全文
摘要：
一 概念 二 代码示范 <!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <title>生命周期钩子</title></head><body> <div id="app"> {{ msg }} </div></body><scr 阅读全文
摘要：
一 概念 二 代码示范 <!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <title>delimiters</title></head><body> <div id="app"> {{ msg }} ${ msg } </di 阅读全文
摘要：
一 概念 二 代码示范 <!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <title>watch</title></head><body> <div id="app"> <div> <label>姓名:</label> <in 阅读全文
摘要：
一 概念 二 代码示范 <!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <title>computed</title></head><body> <div id="app"> <div> <!-- v-model vue进行数 阅读全文
摘要：
一 概念 二 代码示范 <!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <title>methods</title> <style type="text/css"> .box { background-color: orang 阅读全文
摘要：
<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <title>vue实例之data</title></head><body> <div id="app"> <!-- 插值表达式 --> {{ msg }} {{ num }} 阅读全文
摘要：
<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <title>vue实例</title> <style type="text/css"> p { width: 200px; height: 200px; background- 阅读全文
摘要：
```html <div id="app"> <p title="p"></p> <p v-bind:title='title'></p> </div> <script type="text/javascript" src="vue.js"></script> <script> new Vue({ 阅读全文
摘要：
定义：一个构建数据驱动的 web 界面的渐进式框架 优点： 1、可以完全通过客户端浏览器渲染页面，服务器端只提供数据 2、方便构建单页面应用程序（SPA） 阅读全文
摘要：
第一章：认识vue 第二章：引入vue 第三章：vue实例之el 第四章：vue实例之data 第五章：vue实例之methods 第六章：vue实例之computed 第七章：vue实例之watch 第八章：vue实例之delimiters 第九章：vue实例的生命周期钩子 第十章：vue入门总结 阅读全文