首页 > 其他分享 >Vue之Render函数

Vue之Render函数

时间:2022-12-25 21:55:54浏览次数:35  
标签:Vue 函数 Render App js render vue 组件

关于不同版本的Vue:      1.vue.js与vue.runtime.xxx.js的区别:             (1).vue.js是完整版的Vue,包含:核心功能+模板解析器。             (2).vue.runtime.xxx.js是运行版的Vue,只包含:核心功能;没有模板解析器。      2.因为vue.runtime.xxx.js没有模板解析器,所以不能使用template配置项,需要使用         render函数接收到的createElement函数去指定具体内容。

/* 
    该文件是整个项目的入口文件
*/
//引入Vue 当前项目使用的是运行版的vue,没有模板解析器的功能
import Vue from 'vue'
//引入App组件,它是所有组件的父组件
import App from './App.vue'
//关闭vue的生产提示
Vue.config.productionTip = false 
//创建Vue实例对象---vm
new Vue({
    el:'#app',
    //render函数完成了这个功能:将App组件放入容器中 h是参数,等于复杂写法中的createElement,
    //简写中只有一个参数是因为传的是组件,传组件一个参数就行
  render: h => h(App),
  // 复杂写法
//  render(createElement){
//  return createElement('h1','你好啊');// 第一个参数是标签元素,第二个参数是标签的内容
//   }
  
    // template:`<h1>你好啊</h1>`,
    // components:{App},
})

 

标签:Vue,函数,Render,App,js,render,vue,组件
From: https://www.cnblogs.com/anjingdian/p/17004667.html

相关文章

  • Vue基础 · 父子组件之间的交互(5)
     1、父子组件交互<body><divid="app"><!--子组件接收到”change"方法,绑定父组件的方法--><number@change="countAdd"></number><number@change="co......
  • Vue分析脚手架
     分析脚手架 首先打开创建的vue_test项目,其中main.js:该文件是整个项目的入口文件  内容解释: /*该文件是整个项目的入口文件*///引入VueimportVuefrom......
  • 特征点寻找的基础数据结构和函数
       当进行跟踪时或者其他类型的用到关键点及其描述符的分析时,通常需要做三件事情:第一个是根据一些关键点的定义搜索图像并查找该图像中的所有关键点;第二个是为发现......
  • 内联函数和重载函数
    内联函数我们知道函数调用是有时间开销的,当函数本身只有几条语句,而函数本身却被反复执行很多次时,函数调用的开销就会显得比较大,为了减小这种函数调用的开销,就引入了内联......
  • Jeecgboot-Vue3 v1.2.0 版本正式发布,企业级低代码平台
    项目介绍Jeecgboot-Vue3采用Vue3.0、Vite、Ant-Design-Vue、TypeScript等新技术方案,包括二次封装组件、utils、hooks、动态菜单、权限校验、按钮级别权限控制等功能。Je......
  • C++11:支持函数模板的默认模板参数
    在C++98/03标准中,类模板可以有默认的模板参数,如下:template<typenameT,typenameU=int,UN=0>structFoo{//...};但是却不支持函数的默认模板参数:te......
  • Vue 自定义菜单组件
    第一步:创建组件  数源 子组件接收父页面传值用的是props props:['menuList']; 第二部使用组件 1.使用import导入组件 importtreeMenufrom'........
  • C++类模板、函数模板
    类模板的声明需要template<typename类型参数>,等于C#中的泛型类,如List<T>。template<typenameT>classComplex{public://构造函数Complex(Ta,Tb)......
  • Vue单文件组件以及脚手架
    .vue文件结构<template><!--写页面结构代码--></template><script><!--写组件交互代码--></script><style><!--写组件页面的样式代......
  • 函数
    函数函数的作用什么是函数用来完成一定的功能。函数名即给对应功能起一个名字为什么要使用函数?事先编好一批常用的函数来实现各种不同的功能,把它们保存在函数库中。需......