第一题：
（创建vue页面的基本流程）
1.在head内加入一个<script src="./js/vue.js"></script>，调用vue的js文件
2.在body内创建一个div容器标签，命名为app，创建一个p标签
<div id="app">
<p></p>
</div>
3.在body内写script代码，定义一个vm对象
<script type="text/javascript">
var vm=new Vue({ })；
</script>
4.输入相应的属性名和属性值
<script type="text/javascript">
var vm=new Vue({
el:'#app',
data:{
msg:'hello'
}
});
</script>
5.用插值表达式写入到div标签容器中的p标签
<div id="app">
<p>{{msg}}</p>
</div>
完整代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="./js/vue.js"></script>
</head>
<body>
<div id="app">
<p>{{msg}}</p>
</div>
<script type="text/javascript">
var vm=new Vue({
el:'#app',
data:{
msg:'hello'
}
});
</script>
</body>
</html>
第二题：
（将vm中数据写入标签内容的方法和差别）
1.插值表达式 ：
<p>消息:{{msg}}</p>
2.v-text方法：
<p v-text="msg"></p>
3.v-html方法：
<p v-html="msg"></p>
差别：插值表达式是将vm中数据直接插入标签容器中，而v-text和v-html都是覆盖写入
第三题：
(使用js创建对象)
1.定义vm对象
2.输入相应的属性名和属性值
代码如下：
<script type="text/javascript">
var vm = new Vue({
el: '#app',
data: {
msg:'hello'
}
});
</script>
扫一扫
4282
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
