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 }} //模板语法
结果
文章图片
1.png
【vue基础demo】END......
推荐阅读
- vue-cli|vue-cli 3.x vue.config.js 配置
- 2020-04-07vue中Axios的封装和API接口的管理
- Python基础|Python基础 - 练习1
- Java|Java基础——数组
- Java基础-高级特性-枚举实现状态机
- 营养基础学20180331(课间随笔)??
- iOS面试题--基础
- VueX--VUE核心插件
- HTML基础--基本概念--跟着李南江学编程
- typeScript入门基础介绍