vue实例创建

  • Post author:
  • Post category: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页面上



版权声明:本文为m0_66911948原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。