Vue2：VM对象和基础指令

1.普通插值表达式插入数据: 在标签尖括号中使用{{}}插入js表达式:变量,函数调用,三目运算等等 ,插值表达式中的标识符 代表vue对象中的data的属性名或者methods中的方法名

 

var vm = new Vue({
    el: '#app',
    data: {
       box:"div1",
       obj:{
       age:24
    }

*这里的box属性是vm 的属性

可以在控制台打印--vm.box--

 

 

2.文本指令:(面试)

v-html ==>相当于innerHTML

v-text==>相当于innerText

v-pre==>插件表达式就被识别为文本,而不是js表达式

v-cloak==>加上这个属性的标签相当于在构建虚拟节点的时候就会有这个属性,等data的数据生成的时候,这个标签会自动去掉这个属性,可以利用这个特性来在css中把这个元素在加载初期写样式(隐藏)

 

3.考点:如何解决vue第一次加载的时候页面上使用的数据会闪烁?(面试)
3.1.界面加载的时候会把节点直接挂载到文档树中,导致{{msg+"666"}}这个字符串会显示一下
3.2.vue对象生成data数据时候 回去刷新界面 把{{msg+"666"}}字符串替换成结果字符串
3.3.导致界面第一次加载的时候会闪屏
3.4.解决方案:使用v-html,v-text指令操作,或者css中加[v-cloak] {display:none};

 

4.给元素绑定属性 所有标签中属性绑定js中变量: 标准写法: v-bind:src="变量" 简写形式: :src="[10,20,30]"

 

vue中有哪些常用的指令？（面试题）12'

 

属性绑定：

v-clock

v-text

v-html

v-pre　　静默

v-bind

:+属性（:href=""　　:value=""）