摘要：
vue指令之v-cloak一起学 vue指令 v-cloak 指令可看作标签属性某些情况下可能由于机器性能故障或者网络原因，导致传输有问题，那么浏览器无法成功解析数据，此时浏览器输出的内容就是纯文本，这样会非常影响客户体验，干脆就不显示。此时我们可以使用v-cloak指令。该指令不常用。v-cloak指令：当数据未解析完成时会渲染什么样式。例如不显示。定义v-cloak样式然后给容器添加v-... 阅读全文
摘要：
一起学vue指令之v-text一起学 vue指令 v-text 指令可看作标签属性v-text的功能和v-html很相似，都是在容器标签内控制字符串内容的输出，v-text输出纯文本，而v-html输出解析后的文本，该文本会覆盖掉原来的标签内容值。v-text和v-html功能类似,覆盖标签内容值如果是纯文本输出，那么输出的字符串结果和插值输出【mustache】一样。插值输出和v-text... 阅读全文
摘要：
一起学vue指令之v-bind一起学 vue指令 v-bind 网页的图片url地址并不是固定写死的，如果写死，每一个活动就改一次图片的url,一个网页有多少张图片，工作量多大？通常来说，客户端向服务器发送请求，服务器返回url数据到vue实例的data数据中，由于url动态绑定了vue实例的data，所以会实时更新图片.无需我们手工更改，并且不会出错。有的同学说，直接用插值语法不就行了？插值语... 阅读全文
摘要：
一起学vue指令之v-pre一起学 vue指令 v-pre 指令可看作标签属性浏览器解析引擎遇到vue的插值符号时会自动解析，当你想输出不被解析的纯文本时，可以使用v-pre指令。未使用v-pre指令之前，data数据保存着message的值hello world,当启动浏览器时，输出Hello World,i am vue..未使用v-pre使用v-pre指令之后，输出纯文本值{{mess... 阅读全文
摘要：
一起学vue指令之v-html一起学 vue指令 v-html 指令可看作标签属性某些情况下，我们点击百度搜索下一页，服务器应该就返回下一页的数据页面，包含其他资源链接等。返回的数据的本质是一个含HTML代码的字符串。以百度链接为例，如果是链接，它的形式是 百度一下如果我们直接通过{{}}插值输出，由于没有解析，就直接输出包含HTML的字符串，这肯定不符合需求的未使用v-html我们希望它先... 阅读全文
摘要：
一起学vue指令之v-once一起学 vue指令 v-once 指令可看作标签属性v-once口该指令后面不需要跟任何表达式（v-for后面接表达式）口该指令表示元素和组件只渲染一次，不会随着数据的改变而改变。未使用v-once指令之前，对数据进行修改，界面同步更新未使用v-once指令之前对容器使用v-once指令进行修饰之后，对数据进行修改，界面不更新使用v-once指令之后 阅读全文