一vue 基本代码结构，插值表达式
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!--引入vue即可使用-->
<script src="./lib/vue-2.4.0.js"></script>
</head>
<body>
<!--vue实例控制的这个元素区域就是mvvm模型中的v-->
<div id="app">
<p>{{msg}}</p>
</div>
<script>
// new出来的这个Vue对象，就是mvvm模型中的调度者vm
var vm=new Vue({
el:'#app',//此vue实例控制页面哪块区域
//data就是mvvm中的m，专门用来保存页面数据的
data:{
msg:'欢迎学习vue'
}
})
</script>
</body>
</html>二
1使用 v-cloak 能够解决 插值表达式闪烁的问题
2v-text效果同{{msg}}表达式
<p v-text="msg"></p>
二者区别：
（1）默认 v-text 是没有闪烁问题的
（2）v-text会覆盖元素中原本的内容，但是 插值表达式 只会替换自己的这个占位符，不会把 整个元素的内容清空
（3）插值表达式和v-text都是把对象当作字符串格式，如果msg内容是带html标签的，需要用v-html，同时v-html也会覆盖元素中原本的内容
3v-bind: 是 Vue中，提供的用于绑定属性的指令
（1）v-bind 中，可以写合法的JS表达式，例：<input type="button" value="按钮" v-bind:title="mytitle + '123'">
使用v-bind指令后，vue会把 "mytitle + '123'"当作表达式解析
（2）注意： v-bind: 指令可以被简写为 :要绑定的属性，例：
v-bind简写形式：<input type="button" value="按钮" :title="mytitle + '123'">
4v-on：
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
