vue基本写法
<!--css部分-->
<style type="text/css">
.red{
color: red;
font-size: 100px;
}
.blue{
color: blue;
font-size: 500px;
}
p{
margin: 0 0;
}
</style>
<!--HTML部分-->
<div id="app">
<!--标签内部插入-->
{{message}}
<!--将p标签里面的所有东西替换成data里面的内容-->
<p v-html="rawHtml">第一个p标签</p>
<!--标签属性插入-->
<p v-bind:class="colors">111111</p>
<a ></a>
</div>
<script type="text/javascript">
var app=new Vue({
el:'#app',
data:{
message:'hellow vue',
rawHtml:'<span style="color: brown;>span标签</span>',
//对应的是style的样式
colors:'red'
}
});
// app.rawHtml="改变后的内容";
</script>