Vue官网学习之基础篇(一)

说明

作为一个后端的开发人员，额，其实后端的技术也是很菜的，想学习Vue很久了，基础的前端知识也有，虽然不太牢固，在网上看了不少的教程，但是始终未能入门，自己想了很久，首先是自己没有坚持，其次就是对于前端的技术栈比较陌生，甚至有些不知所措，所以原地打转了很久，这次打算换一个思路，在官网来学习，相比于原来看视频的学习方式，需要的更多的思考吧。这次要坚持学完

创建应用

每一个Vue应用都是通过createApp函数创建的一个新的应用实例

import {createApp} from ‘vue’

const app=createApp({
/* 根组件选项 */})

根组件

我们传入的createApp对象实际上是一个根组件，所有的应用都需要一个根组件，其他组件会被视为其子组件。

单文件组件

如果你是使用的单文件组件，可以从另外一个文件中导入根组件

import {createApp} from 'vue'
import App from './App.Vue'

const app=cerateApp(App)

挂载应用

应用实例必须在调用.mount()方法后才会被渲染出来。该方法接收一个容器参数，可以是一个实际的Dom元素，或者是CSS选择器字符串。

<div id='demo1'></div>

app.mount('#demo1')

应用的根组件部分会被渲染到容器中，但是容器本身将不会被视为应用的一部分。