Vue学习笔记
文章平均质量分 59
BELLฅ
努力做一个平凡生活里活出趣味的人~
展开
-
学习Vue的第五天 Vue基础精讲(使用VS code写Vue)
文章目录1.Vue中的样式绑定2.Vue中的条件渲染3.Vue中的列表渲染4.Vue中的set方法5.Vue中的事件绑定6.Vue中的表单绑定1.Vue中的样式绑定1)数据绑定之实现点击文字变色,并可多次点击(1)class对象绑定:借助class和对象来实现对样式的绑定<head> <style> .activated { color: red; } </style></head&g原创 2022-01-21 17:17:04 · 753 阅读 · 0 评论 -
学习Vue的第四天 Vue基础精讲(使用VS code写Vue)
1.Vue的模板语法1)插值表达式(两个花括号)<!-- 挂载点 --><div id="app"> {{name}} <!-- 定义一个变量 --></div><script> var vm = new Vue({ el: "#app", data: { name: "BELL" } })</script>2)v-text(功能和插值表达式一样,转译输出)<div id="ap原创 2022-01-18 15:50:31 · 484 阅读 · 0 评论 -
学习Vue的第三天(使用VS code写Vue)
学习Vue的第三天(使用VS code写Vue)【注】Vue精讲1.Vue实例1)调用Vue实例(1)创建Vue的实例:var vm = new Vue(2)调用Vue实例<div id="root"> <!-- 获取实例Vue里的内容 --> {{message}} </div><script> var vm = new Vue({ el: '#root', //接管dom的显示 dat原创 2021-12-13 01:05:06 · 541 阅读 · 2 评论 -
学习Vue的第二天(使用VS code写Vue)
使用Vue.js实现TodoList1.实现通过input框向正在进行的列表值中增加列表项内容并完成提交功能①在视图层实现简单的布局。(了解)<div id="app"> <input type="text"/> <button>提交</button> <ul> <li>first text</li> <li>second text</li> </ul></d原创 2021-11-23 22:11:31 · 300 阅读 · 2 评论 -
学习Vue的第一天(使用VS code写Vue)
学习Vue的第一天(使用VS code写Vue)使用Vue.js实现Hello World1.原生js实现Hello World<body> <div id="app"></div> <script> var dom = document.getElementById('app'); dom.innerHTML = 'Hello World' </script></body>2.Vue.js实现Hello Wo原创 2021-11-21 01:07:10 · 714 阅读 · 2 评论