大家好,今天第一天写博客,本人主要学的web前端,可能今天第一次写会有点不好,不过人嘛,总有第一次嘛哈哈哈!以后我学到的也会让大家所有人能看到,想让想学习的能够看到,能够帮助大家,共同努力,一定要做个有上进心的人,因为第一次写,应该会写的不太好,希望各位大神,各位大佬,不要喷我,哈哈哈。加油。
今天复习了vue基础:
模板引擎: 得到一批数据并显示(用户产生,后台发送的)
el: 挂载点
template: 模板(最终形成的html结构)
data: 数据
vue 帮助我们做的事情:
把data和template结合起来,并添加到DOM树上
el:
let app =new Vue({
el:'#box', //挂载点
template:`<h1>{{title}}</h1>`,
data:{
title:"隔壁的小花"
}
});
console.log(app);
//如果指定了el,且没有template,那么el的outerHTML将作为template
//如果有template,则优先选择template中的内容,并覆盖点挂载点中的内容
//每一个独立的模板有且只能有一个顶级的根节点
// new Vue({
// el:'#box', //挂载点
// template:`
// <div>
// <h1>今天真**热</h1>
// <h2>明天的天气</h2>
// </div>
// `,
// data:{
// title:"隔壁村的小花"
// }
// });
// vue 渲染
// template => VDOM(虚拟dom) => html
new Vue({
el:"#box",
render(h) {
return h('div',{attrs:{id:"app"}},[
h('h1',"哈哈哈")
]);
}
});
function creacteElement(tag,attrs,children){
let tagHtml = document.createElement(tag);
}
2020-09-10 新人小白脸的第一天!!!
最新推荐文章于 2024-05-29 15:33:16 发布