VUE定义data的三种方式

写法粗糙,只是为了自己工作时方便查看

<script src="https://unpkg.com/vue/dist/vue.js"></script>
<div id="app">
    <span>{{count}}</span>
    <button @click="inc">+</button>
</div>
<script>
var app = new Vue({
  // 1.
  // data () {
  //   return {count: 0}
  // },
 
  // 2.
  // data: {
  //   count: 0
  // },
 
  // 3.
  data: function() {
    return {
      count: 0
    }
  },
 
  methods: {
    inc () {this.count++}
  }
})
app.$mount(‘#app‘)
</script>

原文地址:https://www.cnblogs.com/gaonac/p/10747114.html

时间: 2024-10-28 02:35:45

VUE定义data的三种方式的相关文章

vue定义data的三种方式与区别

var app = new Vue({ el: '#yanggb', data: { yanggb: 'yanggb' } }) 2.第二种写法,函数. var app = new Vue({ el: '#yanggb', data: function() { return { yanggb: 'yanggb' } } }) 3.第三种写法,函数,是第二种写法的ES6写法. var app = new Vue({ el: '#yanggb', data() { return { yanggb:

javascript中定义事件的三种方式

在javascript中,可以为某个元素指定事件,指定的方式有以下三种: 1.在html中,使用onclick属性 2.在javascript中,使用onclick属性 3.在javascipt中,使用addEvenListener()方法 三种方法的比较 (1)在第二.三种方法中,可以向函数传入一个event对象,并读取其相应属性,而方法一不可以. (2)首选第二.三种,第一种不利于将内容与事件分离,也不能使用event对象的相关内容. 一些语法细节 (1)在第一种方法中,onclick大小写

JavaScript定义数组的三种方式(new Array(),new Array(&#39;x&#39;,&#39;y&#39;),[&#39;x&#39;,&#39;y&#39;])

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

第七章、函数基础之定义函数的三种方式03

目录 第七章.函数基础之定义函数的三种方式03 一.无参函数 二.有参函数 三.空函数 第七章.函数基础之定义函数的三种方式03 一.无参函数 定义函数时参数是函数体接收外部传值的一种媒介 在函数阶段括号没有参数就是无参函数.调用时不需要传入实参 如果函数体代码逻辑不需要依赖外部传入值,必须定义成无参函数 def func(): print('hello nick') func() # hello nick 二.有参函数 在函数阶段括号有参数就是有参函数.调用时需要传入实参 如果函数体代码逻辑需

Vue创建组件的三种方式

1.使用 Vue.extend 来创建全局的Vue组件 <div id="app"> <!-- 如果要使用组件,直接,把组件的名称,以 HTML 标签的形式,引入到页面中,即可 --> <mycom1></mycom1> </div> <script> // 1.1 使用 Vue.extend 来创建全局的Vue组件 // var com1 = Vue.extend({ // template: '<h3&g

javaScript定义函数的三种方式&amp;amp;变量的作用域

一.函数定义 方式1.普通方式定义函数 function 函数名(參数n){ 函数体 } function add(a,b){ return a+b; } 方式2.直接量定义函数 var 函数名=function(參数n){ 函数体 } var add=function(a,b){ return a+b; } 方式三.构造方式定义函数 var 函数名=new Function(參数n,函数体); var add = new Function('a,b','return a+b;'); 二.变量的

javaScript定义函数的三种方式&amp;变量的作用域

一.函数定义 方式1.普通方式定义函数 function 函数名(参数n){ 函数体 } function add(a,b){ return a+b; } 方式2.直接量定义函数 var 函数名=function(参数n){ 函数体 } var add=function(a,b){ return a+b; } 方式三.构造方式定义函数 var 函数名=new Function(参数n,函数体); var add = new Function('a,b','return a+b;'); 二.变量的

定义函数的三种方式

定义函数时参数是函数体接收外部传值的一种媒介,其实就是一个变量名 在函数阶段括号内没有参数,称为无参函数.需要注意的是:定义时无参,意味着调用时也无需传入参数. 如果函数体代码逻辑不需要依赖外部传入的值,必须得定义成无参函数. def func(): print('hello nick') func() # hello nick 二.有参函数 如果函数体代码逻辑需要依赖外部传入的值,必须得定义成有参函数. def sum_self(x, y): """求和"&quo

js 定义接口的三种方式

js 定义接口有三种方式 : 1.注解描述方式 优点 : 程序有可以有一个参考 缺点 : 还是属于文档的范畴,这种方式太松散,没有检查接口的方法是否完全被实现 /* * interface Composite { * function add(obj); * function remove(obj); * function update(obj); * } */ // CompositeImpl implements Composite var CompositeImpl = function