vue基础demo

注意,本文讲述快速上手项目。了解更深去vue官网查看
- 创建一个 Vue 实例 每个 Vue 应用都是通过用 Vue 函数创建一个新的 Vue 实例开始的:
var vm = new Vue({ //常用选项 el:"#ele",//在页面上已存在的 DOM 元素 data: { a: 1 },//数据 methods: {//方法 plus: function () {this.a++; //这里的this指向这个vue实例}, plus2: function () {//这里的this指向这个vue实例}, }, computed: {//计算属性 } })

1.el :提供一个在页面上已存在的 DOM 元素作为 Vue 实例的挂载目标。可以是 CSS 选择器,也可以是一个 HTMLElement 实例。
2.data : Vue 实例的数据对象。Vue 将会递归将 data 的属性转换为 getter/setter,从而让 data 的属性能够响应数据变化。
3.methods :方法
4.computed :计算属性的结果会被缓存
- Hello World(第一个Demo)
- 锐客网{{ message }} //模板语法



结果 vue基础demo
文章图片
1.png
【vue基础demo】END......

    推荐阅读