2020-09-10 新人小白脸的第一天!!!

大家好,今天第一天写博客,本人主要学的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);
 }
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值