Vue引入与初识

1、引入

多了个Vue——
//阻止vue在启动时生成生产提示
Vue.config.productionTip = false

2、初识

<div id="root">
　　<h1>hello，{{name}}</h1>
　　<h4>年龄是：{{age}}</h4>
</div>

<script>
　　//阻止vue在启动时生成生产提示
　　Vue.config.productionTip = false

　　//创建Vue实例
　　var vm = new Vue({
　　//el用于指定当前vue实例为哪个容器服务，值通常是css选择器字符串
　　el: '#root',
　　data: {
　　　　// data中用于存储数据，数据供el所指定的容器去使用\
　　　　// 值暂时写成一个对象，在组件中写成一个函数
　　　　name : ''ljl'',
　　　　age: 18
　　}
　　})
</script>
•容器和Vue实例一一对应，但是Vue实例可以结合很多组件