vue实例语法解释---理解至上

最新推荐文章于 2023-04-10 08:21:30 发布

俗世凡人行

最新推荐文章于 2023-04-10 08:21:30 发布

阅读量175

点赞数

分类专栏： Vue 文章标签：箭头函数

本文链接：https://blog.csdn.net/weixin_41887155/article/details/107650844

版权

Vue 专栏收录该内容

56 篇文章 0 订阅

订阅专栏

vue实例语法解释

main.js中

import Vue from 'vue'
import App from './App.vue'

Vue.config.productionTip = false

// var vm = new Vue({
// 	el:'',
// 	data:{
		
// 	}
// })

new Vue({
  render: h => h(App),
}).$mount('#app')

$mount(’#app’)等价于el:‘app’;是一样的;

new Vue({
  el:'#app',
  render: h => h(App),
})
改成这样, 一样可以运行

render: h => h(App),等价于下面这种写法,创建节点,箭头函数,就是把常规函数转化为了箭头函数的写法;

render:function(h){	  
	  return h(App)
  }

eg

import Vue from 'vue'
import App from './App.vue'

Vue.config.productionTip = false

// var vm = new Vue({
// 	el:'',
// 	data:{
		
// 	}
// })

new Vue({
  // el:'#app',
  // render:function(h){	  
	 //  return h(App)
  // }
  render: h => h(App),
}).$mount('#app')