2021-06-04 10:03
标签：imp 编译 dom component from span 最优 ons 全局 main.js 标签：imp 编译 dom component from span 最优 ons 全局 原文地址：https://www.cnblogs.com/laneyfu/p/12342582.html
/**
* 使用ES6语法引入模板
*/
import Vue from ‘vue‘
import App from ‘./App.vue‘
import VueRouter from ‘./router/index.js‘;
// 第一种写法： index.html里的dom 为app作为模板
// new Vue({
// el:‘app‘,
// data:{
// hello:‘hello‘,
// msg: ‘Welcome to ruanmou‘
// }
// })
//第二种写法：template 模式， 需要compiler去编译成render函数进行渲染页面，性能不是最优
// new Vue({
// el:‘app‘,
// data:{
// hello:‘hello‘,
// msg: ‘Welcome to ruanmou‘
// },
// // template:`
// //
{{msg}}
// // `, // // 改成引用组件就是下面的模式
// components:{
// App //App:App
// }, //注册全局组件
// template:‘‘
// });
//第三种写法：render模式，性能最优
new Vue({
el:‘#app‘,
router:VueRouter,
data:{
hello:‘hello‘,
msg: ‘Welcome to ruanmou‘
},
//创建虚拟Dom,不用组件
// render(createElement){
// return createElement(‘div‘,{
// id: "app1",
// style:{
// color:‘red‘
// }
// },[
// createElement(‘h1‘,this.msg),
// createElement(‘span‘,‘world‘)
// ])
// },
//使用组件， 利用render函数渲染
render:function(h){
return h(App);
},
// render:h => h(App)
mounted(){
console.log(this);
}
});