main.js 启动Vue两种写法


main.js 启动Vue两种写法-开发框架文库

main.js 启动Vue两种写法

Vue2.0+ES6写法

JavaScript 全选
// VUE 2.0 / ES6写法
new Vue(
  {
    render: h => h(App)
  }
).$mount('#app')

参考:ES6-ECMAScript6介绍 - 新版本JavaScript语言的标准

https://www.cscode.net/archive/yesweb/263742530367493.html

Vue1.0写法

JavaScript 全选
// VUE 1.0写法
new Vue({
  el: '#app',
  // router,
  components: { App },
  template: '<App/>'
})

#app 详解

 

vue项目根目录下index.html中的id="app",与src目录下的App.vue中的id="app" 为什么不冲突?

https://www.cscode.net/archive/yesweb/264051182329861.html

 

 

版权声明:本文为开发框架文库发布内容,转载请附上原文出处连接
C/S框架网
评论列表

发表评论

评论内容
昵称:
关联文章

main.js 启动Vue写法
Vue启动自定义页面,Editor.vue
Vue el: '#app' 与 .$mount('#app')区别,#app作用
Vue+VsCode输出HelloWorld项目及项目结构解析
使用Vue+VSCode新建HelloWorld项目
C#实现接口的方式:显示实现和隐式实现接口
数据查询页支持数据展示方式
WebApi接口请求常用方式:ModelRequestAction/ModelRequestToken
VSCode+VUE+Element-UI学习资料大全
VSCode开发Vue项目文件目录结构说明
Vue+Element-UI客户管理页面查询功能实现
VSCode开发:NPM/Vue命令大全
C#开发实例-数据字典作为参考数据在表格中显示的方案
支持格式的流水号码,在DAL层重载GetNumber方法
Winform软件快速开发平台 - 关于数据权限,表格列权限控制解决方案
开发框架支持的ORM模型(静态类/实体类)
CSFramework旗舰版多语言支持存储策略:XML文件及SQL数据库
WCF开发框架之WSHttpBinding参数配置(C#代码配置+App.Config方案)
水晶报表Pull模式的方法和Push模式的实现
Web开发框架-VUE使用Axios调用后台WebAPI接口