前端组件
技术流-天
这个作者很懒,什么都没留下…
展开
-
_10定义路由
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="node_modules/vue/dist/vue.js"></script> <script src="node_modules/vue-router/dist/vue-router...原创 2021-10-09 10:40:34 · 101 阅读 · 0 评论 -
_09组件中模板定义的三种方式
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="node_modules/vue/dist/vue.js"></script> </head> <body> <div id="myVue"> ...原创 2021-10-09 10:39:44 · 125 阅读 · 0 评论 -
_08局部组件
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="node_modules/vue/dist/vue.js"></script> </head> <body> <div id="myVue"> ...原创 2021-10-09 10:39:06 · 109 阅读 · 0 评论 -
_07全局组件
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="node_modules/vue/dist/vue.js"></script> </head> <body> <div id="myVue"> ...原创 2021-10-09 10:38:27 · 70 阅读 · 0 评论 -
_06双向绑定
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="js/vue.js"></script> </head> <body> <div id="myVue"> <input v-mode...原创 2021-10-09 10:37:41 · 57 阅读 · 0 评论 -
_05VUE指令
<!DOCTYPE html> <html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml" xmlns:v-on="http://www.w3.org/1999/xhtml"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="js/vue.js"></scr...原创 2021-10-09 10:36:48 · 66 阅读 · 0 评论 -
_04VUE入门
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="js/vue.js"></script> </head> <body> <div id="myVue"> {{name}}的年龄是{{ag...原创 2021-10-05 16:02:14 · 54 阅读 · 0 评论 -
_03箭头函数
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script type="text/javascript"> var obj ={ //原始写法 f1:functi...原创 2021-10-05 16:01:12 · 73 阅读 · 0 评论 -
_02解构表达式
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script type="text/javascript"> //数组的解构 var arr = [1,"name",true]; ...原创 2021-10-05 15:44:42 · 65 阅读 · 0 评论 -
_01声明变量和常量
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script type="text/javascript"> //常量:都可以可重复引用 //变量:ES6不可以重复引用 var ...原创 2021-10-05 15:42:15 · 61 阅读 · 0 评论