随笔分类 -  Vue

上一页 1 2 3 4
自学Vue。 将自己学到的所理解的整理。 方便后续查看复习。
7.在Vue中绑定属性值v-bind:
摘要：v-bind指令只能实现数据的单向绑定，从data自动同步到view上 <input type="button" value="按钮" v-bind:title="btnTitle" v-bind:id="customldNmae"> 为了简化这个v-bind可以省略，只写冒号: <input ty 阅读全文
posted @ 2021-03-08 19:14 种太阳 阅读(104) 评论(0) 推荐(0)
6.如果数据中包含有html中的标签
摘要：不想让标签显示出来 msg:"<h6>我有标签</h6>" <p v-html="msg"></p> 想让标签显示出来 msg:"<h6>我有标签</h6>" <p v-text="msg"></p> 阅读全文
posted @ 2021-03-08 19:12 种太阳 阅读(34) 评论(0) 推荐(0)
5.如何解决插值表达式{{}}的闪烁问题
摘要：可以给标签一个v-cloak指令，再对只要有v-cloak指令的标签进行样式隐藏,因为当渲染完毕后，标签中的v-cloak指令会被vue移除。 <style> [v-cloak]{ display:none; } </style> <div id="app"> <p v-cloak>{{ msg } 阅读全文
posted @ 2021-03-08 19:09 种太阳 阅读(93) 评论(0) 推荐(0)
4.插值表达式{{}}和v-text指令区别
摘要：****4.1在使用插值表达式时存在闪烁问题，即JS文件还没有彻底下载下来时，{{}}里的代码会原封不动显示出来，不友好。但v-text指令没有闪烁问题。****4.2{{}}只会插入双括号内的数据，双括号外的数据不改动。v-text会替换掉原有内容 阅读全文
posted @ 2021-03-08 19:07 种太阳 阅读(179) 评论(0) 推荐(0)
3.{{}}语法
摘要：这种{{}}语法叫做插值表达式，在插值表达式中，可以写任何合法的js表达式{{msg+"123"}} 得到的是msg数据与后面的123连接在一起{{msg2?"这个值是true":"这个值是false"}} 用于判断语句 阅读全文
posted @ 2021-03-08 19:06 种太阳 阅读(1214) 评论(0) 推荐(0)
2.最简单的vue编写Hello
摘要：***2.1.在HTML中编写，需要引入vue.js,即在页面中导入Vue的包 <script src="https://unpkg.com/vue/dist/vue.js"></script> ***2.2.在div标签中设置id属性，在一个p标签中设置接收的变量（即创建一个容器，使用Vue就可以 阅读全文
posted @ 2021-03-08 18:58 种太阳 阅读(98) 评论(0) 推荐(0)
1.MVVM是什么意思？
摘要：M:页面中要渲染的数据V:页面中用来显示数据的DOM元素VM:调度者,用来联系M和V层MVVM相比MVC来说,提供了数据的双向绑定机制. 阅读全文
posted @ 2021-03-08 18:51 种太阳 阅读(258) 评论(0) 推荐(0)

上一页 1 2 3 4