摘自:
https://www.runoob.com/w3cnote/vue2-start-coding.html
什么是 Vue
Vue 是一个前端框架,特点是
数据绑定
组件化
页面上小到一个按钮都可以是一个单独的文件.vue,这些小组件直接可以像乐高积木一样通过互相引用而组装起来
Vue2.0 推荐开发环境
打开 工程目录下的 App.vue
template 写 html,script写 js,style写样式.
为了方便叙述,我们把官网例子写在同一个组件内
这里有两个坑:
第一。一个组件下只能有一个并列的 div,可以这么写,所以复制官网示例的时候只要复制 div 里面的内容就好。第二。数据要写在 return 里面而不是像文档那样子写
错误的写法:
今天心得:
1.
每个Vue组件分3部分:(1)<template>区为页面展示区,(2)<script>区为js区,可以引入(import)js或者组件
(3)<style>区为css样式区,可以定义样式。
2.主入口区main.js,配置加载项中会默认加载main.js,从而展示页面,但是自定义入口会出错,不知原因。?????
3.index.html区指定的id为展示组件的html,注释后会无法展示(应该可以自定义).
自古英雄出炼狱,从来富贵入凡尘。