vue学习笔记,vue属于前端,而我前端很弱,刚开始学习vue.js,还没有深入的学习,只接触了一些基础的东西,发现vue.js还是比较简单的,把实操的整理一下,后面学习深入了再继续更新。写了几个文件,全是vue基础。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>第一节</title>
<script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>
</head>
<body>
<div id="app">
<p>{
{ message }}</p>
</div>
<div id="vue_det">
<h1>site:{
{site}}</h1>
<h1>url:{
{url}}</h1>
<h1>{
{details()}}</h1>
</div>
<div id="app2">
<div v-html="msg"></div>
</div>
<script>
new Vue({
el: '#app',
data: {
message: 'Hello Vue.js!'
}
})
</script>
<script type="text/javascript">
var data = {site: "第一章",url: "www.10yhq.com",alexa: "10000"}
var vm = new Vue({
el:"#vue_det",
data: data,
methods:{
details: function () {
return this.site + "--领的不是优惠,更是梦想";
}
}
})
document.write(vm.$data === data) // true
document.write("<br>")
document.write(vm.$el === document.getElementById('vue_det')) // true
</script>
<script type="text/javascript">
new Vue({
el:"#app2",
data:{
msg:'<h1>hello rjw</h1>'
}
})
</script>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta chars