- 博客(7)
- 收藏
- 关注
原创 学习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 883
原创 学习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 497
原创 学习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 622 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 330 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 784 2
原创 微信小程序之图片轮播——swiper、在wxss处理文本溢出隐藏
1.图片轮播——swiperswiper:滑块视图容器,其中只可放置swiper-item组件,否则会导致未定义的行为。常用选项如下:属性类型默认值说明indicator-dotsbooleanfalse是否显示面板指示点indicator-colorcolorrgba(0,0,0,.3)指示点颜色indicator-active-colorcolor#000000当前选中的指示点颜色autoplaybooleanfalse是否自动切换
2021-11-14 01:15:34 1418 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人