美文网首页
VUE的学习记录(2)

VUE的学习记录(2)

作者: 派大曦 | 来源:发表于2018-03-28 15:04 被阅读0次

学习下vue-cli构建的项目结构和代码结构(主要了解下main.js和App.vue)

1.main.js是我们的入口文件,主要作用是初始化vue实例,并引入所需要的插件

h是createElement函数,render是vue2.0的新特性方法类似React中的render。render函数得到VNode节点返回给Vue.js的mount函数,继而渲染成真实的Dom节点并挂载在根节点上。

和React一样都采用了Virtual Dom,比原生Dom性能更好(适用于大部分情况,除非节点很少)

2.App.vue是我们的主组件,所有页面都是在App.vue下进行切换的。其实也可以理解为所有的路由也是App.vue的子组件。

<templat>:视图模板

<style>:组件样式表

<script>:组件样式

相关文章

  • Vue 学习

    vue 学习记录。 参考网址 Vue:https://cn.vuejs.org/v2/guide/ Vue-rou...

  • VUE的学习记录(2)

    学习下vue-cli构建的项目结构和代码结构(主要了解下main.js和App.vue) 1.main.js是我们...

  • Vue.js 记录1

    最近学习VUE框架,记录一下。 1. vue devtools not work 解决方法 重启浏览器 2.v-i...

  • 关于vue的学习

    接触前端很久了,现在接触到vue框架,记录一下vue的学习历程。 1.首先安装node.js 2.国内使用cnpm...

  • vue2使用vue-echarts报错记录

    vue2使用vue-echarts报错记录 提示找不到vue-demi,tslib 以前使用vue-echarts...

  • Framework7 Vue 学习记录

    记录项目过程中学习的Framework7 Vue组件。 Navbar Vue Component Navbar 是...

  • Vue常用文档记录

    最近正在学习Vue,对Vue常用的一些api文档地址进行总结(仅为方便自己查看与学习记录) 1、Vue官方文档 ...

  • Vue-cli 安装 vue 方法

    总是要上官网搜索vue-cli,上网速度太慢,记录于此。 Vue CLI >= 3 Vue CLI 2

  • vue3和vue2的项目创建- 2022.2.22

    好久没创建vue2的项目了,冷不丁忘了,还以为会和vue3冲突...特此记录下~ vue3 创建 vue2 创建

  • vue-oneday学习指令

    1vue学习目标 2,vue介绍 3,vue的基本使用 4,vue的指令学习 5,v-text="mes"和{{m...

网友评论

      本文标题:VUE的学习记录(2)

      本文链接:https://www.haomeiwen.com/subject/jzgycftx.html