#vue代码结构
。
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<!-- 1、引入vue.js -->
<script src="./vue-2.4.0.js"></script>
</head>
<body>
<!-- 2、书写视图层 -->
<div id="app">
<!-- 插值表达式 {{}} 展示数据,进行简单运算-->
{{msg}}======{{age+2}}
<!-- v-text v-html
相同点:替换标签中原有的内容
不同点:v-text不能解析富文本,v-html能解析富文本。
-->
<div v-text="msg">1</div>
<div v-html="msg">2</div>
<div v-text="html">1</div>
<div v-html="html">2</div>
</div>
<a href=""></a>
</body>
<!-- 3、创建vue实例 -->
<script>
let vm = new Vue({
// 控制区域
el: '#app',
// 存放数据的地方
data: {
msg: '今天开始学习vue',
age: 18,
html: '<a href="">学习vue</a>'
},
// 存放方法的地方
methods: {
}
})
</script>