- 博客(8)
- 收藏
- 关注
转载 vue学习笔记(五)模版语法4
1.绑定class样式 Style a{} style b{} style c{} 1⃣️ <div class=“basic” :class=“a” @click=“changeMood>{{name}}</div> </div> Data:{ a:’normal’, name:’张玉‘ }; method:{ changeMood(){//点击切换样式(随机) const arr=[‘a’,’b’,’c’] c
2022-08-20 18:02:03
47
转载 vue学习笔记(四)模版语法3
1.计算属性 Computed:{ Full name:{ Get(){ Return this.first name+’-‘+this.lastname } set(value){ Console.log(‘set’,value) const arr = value.split(‘-‘) This.firstname=arr[0]
2022-08-13 12:24:54
51
转载 vue学习笔记(三)模版语法2
1.事件处理 <button v-on:click=“ShouInfo”>点我提示,</button> new vue({ el:’#root’ data:{ } methods:{ ShowInfo(){ Alert(‘内容‘) } } }) 1⃣️使用v-on:xxx或@xxx绑定事件,其中xxx是事件名。 2⃣️事件的回调需要配置在methods对象中,最终会在vm上 3⃣️me
2022-08-08 22:09:21
50
转载 vue学习笔记(二)模版语法
1.差值语法—使用在标签体中,例如 <h1>{{name}}</h1> 2.指令语法—使用在标签属性中。 1⃣️v-bind: <div id = “root> <a v-bind:href = “url”>跳转</a> //v-bin将内容当成js表达式进行执行,其缩写形式为:<a :href = “url”>跳转</a> </div> new vue({ El:’#root’ data:{
2022-08-06 15:11:16
86
转载 vue学习笔记(一)vue基础
1.vue是什么? vue是一套用于构建用户界面的渐进式javascript框架。 渐进式:vue可以自底向上逐层应用(一个简单应用,只需要一个轻量小巧的核心库,一个复杂应用,只是在轻量小巧的核心库的基础上引入各种vue插件。 2.谁开发的vue? 3.vue的特点。 (1)采用组件化模式,提高代码复用率,且让代码更好维护。 组件化模式:将页面的部分作为一个整体进行开发,整个页面进行部分的拼凑。 (2)声明式编码让编码人员无需直接操作DOM提高开发效率。 声明式编码:与平时的命令式编码说一步做一步不同,使
2022-08-05 20:40:40
219
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人