随笔分类 -  Vue

Vue 学习笔记5 v-bind
摘要：v-bind v-bind 指令用来 绑定HTML 属性中的值。 <input type="button" v-bind:value="btn1" /> 可以用 [:] 代替 v-bind <input type="button" :value="btn2" /> 完整代码 <!DOCTYPE ht 阅读全文
posted @ 2020-08-25 15:08 太晓 阅读(153) 评论(0) 推荐(0)
Vue 学习笔记4 v-on
摘要：v-on 为元素绑定事件 <input type="button" value="按我1" v-on:click="func1()" /> 可以用 [@] 代替 v-on <input type="button" value="按我2" @click="func2()" /> 常用事件列表 clic 阅读全文
posted @ 2020-08-24 16:24 太晓 阅读(177) 评论(0) 推荐(0)
Vue 学习笔记3 v-text v-html
摘要：v-text 设置标签的文本值（textContent） <h3 v-text="message"></h3> 可以进行拼接操作，如： <h3 v-text="message+'123'"></h3> v-html 设置标签的innetHTML <h3 v-html="content"></h3> 阅读全文
posted @ 2020-08-21 10:33 太晓 阅读(652) 评论(0) 推荐(0)
Vue 学习笔记2 data数据对象
摘要：知识点 支持三种类型：变量、数组、对象，访问方式与JavaScript语法相同。 完整代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=devi 阅读全文
posted @ 2020-08-18 16:13 太晓 阅读(281) 评论(0) 推荐(0)
Vue 学习笔记1 Hello_Vue
摘要：基础：html，javascript 知识点： 插值表达式： {{ 变量名 }} Vue应用实例化： new Vue({ 选项 }) el:"选择器"，建议使用ID选择器 "#id"。 Vue会管理 el 选项命中的元素及其后代元素。 Vue不能挂载到html，body等特殊标签，一般挂载在div标 阅读全文
posted @ 2020-08-18 13:47 太晓 阅读(118) 评论(0) 推荐(0)