基本指令 v - html // v -text // v-bind
标签：new 接口 vue 哈哈 back 需要 under name bind
基本指令 在开标签中书写
v-html 解析html相关语法
在变量的内容 是一段甚至一大段带有标签的字符串时使用v-html
var myapp = new Vue({
el: "#myapp",
data: {
ooxx: ‘普通的显示hello vue.js ‘,
message: "
h1标签的显示i am not gay
",
}
})
vue在渲染的过程中 如何 解决 快速刷新 出现 {{}} 的问题
第一种方式： v-text 直接输出文本 没有{{}} 就解决了闪屏问题
【v-text会覆盖使用标签内的内容】
【这个标签的内容会被info的内容覆盖】
我的名字是：{{userInfo.name}}
我的年龄是： {{userInfo.age}}
new Vue({
el:‘#app‘,
data:{//实际上写项目的时候 这个data赋值的内容 大都来自于接口（动态的）
info:‘
采菊东篱下
‘,
title:‘‘,//这个值是通过接口调取的
userInfo:{
name:‘张大大‘,
age:5
}
}
})
v-bind
title是规定元素的工具提示文本（tooltip text） 去学习
new Vue({
el:‘#app‘,
data:{//实际上写项目的时候 这个data赋值的内容 大都来自于接口（动态的）
imgUrl:‘http://img4.imgtn.bdimg.com/it/u=3599075280,1682155658&fm=11&gp=0.jpg‘,
headUrl:‘http://img1.imgtn.bdimg.com/it/u=1847821041,2132076028&fm=11&gp=0.jpg‘,
url:‘http://www.jd.com‘,
urlDetail:‘http://xue.ujiuye.com‘,
name:‘穿云箭‘
}
})
基本指令 v - html // v -text // v-bind
标签：new 接口 vue 哈哈 back 需要 under name bind
原文地址：https://www.cnblogs.com/3526527690qq/p/12384890.html
评论
