![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
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 · 757 阅读 · 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 · 487 阅读 · 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 · 543 阅读 · 2 评论 -
学习Vue的第二天(使用VS code写Vue)
使用Vue.js实现TodoList 1.实现通过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 · 303 阅读 · 2 评论 -
学习Vue的第一天(使用VS code写Vue)
学习Vue的第一天(使用VS code写Vue) 使用Vue.js实现Hello World 1.原生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 · 721 阅读 · 2 评论