摘要: 当输入框值改变时触发@change事件执行change方法 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>vue1</title> <script src="vue.js"></script> <link rel="style 阅读全文
posted @ 2020-04-03 16:20 JinweiChang 阅读(103) 评论(0) 推荐(0) 编辑
摘要: 循环渲染数组和对象 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>vue1</title> <script src="vue.js"></script> <link rel="stylesheet" type="text/cs 阅读全文
posted @ 2020-04-03 15:35 JinweiChang 阅读(134) 评论(0) 推荐(0) 编辑
摘要: 使用v-if v-else控制该显示那个name还是email div,如果不加key的话,就会复用input,加了后name那个input就不会被email复用。 v-show与v-if的区别是v-show即使为false只是不显示,但是DOM节点是存在的,而v-if为falseDOM节点是不存在 阅读全文
posted @ 2020-04-03 15:10 JinweiChang 阅读(151) 评论(0) 推荐(0) 编辑
摘要: watch侦听属性数据变动 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>vue1</title> <script src="vue.js"></script> <link rel="stylesheet" type="tex 阅读全文
posted @ 2020-04-03 14:48 JinweiChang 阅读(114) 评论(0) 推荐(0) 编辑
摘要: 类里有个computed和methods相识,但是computed里的函数计算后会缓存结果,methods的每次都会重新计算。 在模板语法复杂时就把它写入computed属性中,起到分离复杂逻辑的作用(是属性所以调用时不加()) <!DOCTYPE html> <html> <head> <meta 阅读全文
posted @ 2020-04-03 14:16 JinweiChang 阅读(193) 评论(0) 推荐(0) 编辑
摘要: 模板语法 插值:插入文本,原始Html,表达式(计算函数) 如:html代码变量chazhi插入div中 指令:比如v-model绑定输入值和变量msg v-for遍历渲染 @click点击事件 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> 阅读全文
posted @ 2020-04-03 14:06 JinweiChang 阅读(1280) 评论(0) 推荐(0) 编辑
摘要: 在实例生命周期的不同阶段被自动调用的函数,如 mounted、updated 和 destroyed 例如:beforeCreate 在实例创建之前就会被自动调用执行,不要把他写到methods里面。 <script> var app=new Vue({ el:"#app", data:{ test 阅读全文
posted @ 2020-04-03 11:39 JinweiChang 阅读(125) 评论(0) 推荐(0) 编辑
摘要: js中先创建vue类实例, el:是定义实例的作用范围。 data:定义数据变量,在这定义的变量在{{}}才会自动渲染。 methods:定义方法 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>vue1</title> <sc 阅读全文
posted @ 2020-04-03 11:06 JinweiChang 阅读(137) 评论(0) 推荐(0) 编辑
摘要: NodeJS 是一个使用 Chrome V8 引擎运行 JavaScript 程序的运行时环境,正如 JRE (Java Runtime Environment) 是 Java 程序的运行环境一样,语言还是 JavaScript,和我们在浏览器中运行 JS 脚本没什么不同。区别在于,NodeJS 提 阅读全文
posted @ 2020-04-03 09:38 JinweiChang 阅读(117) 评论(0) 推荐(0) 编辑