vue实例创建

1、引入vue.js，方法很多

<script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script>

<script src="https://cdn.jsdelivr.net/npm/vue@2.6.14"></script>

<script type="module">
  import Vue from 'https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.esm.browser.js'
</script>

2、创建一个根元素，如：<div id='app'></div>

3、创建一个vue实例，将实例与根元素绑定

<script>
    const vm = new Vue({
		el: '#app', // 实例与根元素app绑定
		data() {
			return {

		    }
		}
	})
</script>

4、简单在页面上渲染一个hello

5、成功了

 6、这里用到了{{}}，这是vue中的模板语法，可以将data中定义的数据，直接渲染到dom页面上