随笔列表第11页 - JinweiChang

2020年4月7日

摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>vue1</title> <script src="vue.js"></script> <link rel="stylesheet" type="text/css" href="v 阅读全文

posted @ 2020-04-07 16:02 JinweiChang 阅读(141) 评论(0) 推荐(0) 编辑

vue-组件

摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>vue1</title> <script src="vue.js"></script> <link rel="stylesheet" type="text/css" href="v 阅读全文

posted @ 2020-04-07 13:23 JinweiChang 阅读(161) 评论(0) 推荐(0) 编辑

2020年4月3日

vue8-事件处理

摘要：当输入框值改变时触发@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 阅读(119) 评论(0) 推荐(0) 编辑

vue7-循环渲染

摘要：循环渲染数组和对象 <!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 阅读(151) 评论(0) 推荐(0) 编辑

vue6-条件渲染

摘要：使用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 阅读(173) 评论(0) 推荐(0) 编辑

vue5-侦听器

摘要： 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 阅读(122) 评论(0) 推荐(0) 编辑

vue4-计算属性

摘要：类里有个computed和methods相识，但是computed里的函数计算后会缓存结果，methods的每次都会重新计算。在模板语法复杂时就把它写入computed属性中，起到分离复杂逻辑的作用（是属性所以调用时不加（）） <!DOCTYPE html> <html> <head> <meta 阅读全文

posted @ 2020-04-03 14:16 JinweiChang 阅读(207) 评论(0) 推荐(0) 编辑

vue3-模板语法

摘要：模板语法插值：插入文本，原始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 阅读(1318) 评论(0) 推荐(0) 编辑

vue2-钩子

摘要：在实例生命周期的不同阶段被自动调用的函数，如 mounted、updated 和 destroyed 例如：beforeCreate 在实例创建之前就会被自动调用执行，不要把他写到methods里面。 <script> var app=new Vue({ el:"#app", data:{ test 阅读全文

posted @ 2020-04-03 11:39 JinweiChang 阅读(135) 评论(0) 推荐(0) 编辑

vue1-实例基础

摘要： js中先创建vue类实例， el:是定义实例的作用范围。 data:定义数据变量，在这定义的变量在{{}}才会自动渲染。 methods:定义方法 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>vue1</title> <sc 阅读全文

posted @ 2020-04-03 11:06 JinweiChang 阅读(172) 评论(0) 推荐(0) 编辑

JinweiChang

公告