摘要：
vue学习06 v-show指令 v-show指令是：根据真假切换元素的显示状态 原理是修改元素的display,实现显示隐藏 指令后面的内容，最终都会解析为布尔值（true和false） 练习代码： <!DOCTYPE html> <html lang="en"> <head> <meta cha 阅读全文
摘要：
vue学习05 小小计数器 用前面学过的v-on指令来完成一个计数器的功能： 按加键数字加，按减键数字减，像添加商品数量一样加减 创建Vue示例时：需要创建el挂载点，data数据，methods方法。 v-on指令的作用是绑定事件，简写为@ 方法中通过this关键字来获取data中的数据 v-te 阅读全文
摘要：
vue学习04 v-on指令 v-on的作用是为元素绑定事件，比如click单击，dbclick双击 v-on指令可简写为@ 代码测试 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewpor 阅读全文
摘要：
vue学习03v-html v-html指令的作用是：设置元素的内部html链接 内容有html 的结构会被解析为标签 v-text指令无论内容是什么，只会解析文本 解析文本使用v-text，需要解析html结构使用v-html <!DOCTYPE html> <html lang="en"> <h 阅读全文
摘要：
vue学习02-v-text 引入环境版本，cdn网络引用或者本地js应用 html的结构，一般是div 创建vue实例 el:挂载点 v-text指令的作用是设置标签的内容 默认写法会替换全部内容，使用差值表达式{{}}可以替换指定内容 <!DOCTYPE html> <html lang="en 阅读全文
摘要：
vue学习01 第一个vue程序 引入环境版本，cdn网络引用或者本地js应用 html的结构，一般是div 创建vue实例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" co 阅读全文