【Vue2.0学习】—el与data的两种写法(三十六)

简介: 【Vue2.0学习】—el与data的两种写法(三十六)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="../js/vue.min.js"></script>
</head>
<body>
    <div id="root">
        <h3>好好学习,{{name}}</h3>
    </div>
    <script>
        const m = new Vue({
            //data的第一种写法:对象式
            // data: {
            //     name: 'YY'
            // }
            //对象的第二种写法:函数式
            data() {
                console.log('@@@', this);
                return {
                    name: 'Li'
                }
            }
        })
        m.$mount('#root')
    </script>
</body>
</html>


相关文章
|
2月前
|
JavaScript
Vue中el与data的两种写法
Vue中el与data的两种写法
|
1月前
|
JavaScript
vue组件中data为什么必须是一个函数?
vue组件中data为什么必须是一个函数?
12 1
|
7月前
|
JavaScript
53Vue - 组件的使用(data 必须是函数)
53Vue - 组件的使用(data 必须是函数)
15 0
|
5月前
【Vue2.0学习】—class与style绑定(三十八)
【Vue2.0学习】—class与style绑定(三十八)
|
6月前
|
JavaScript 前端开发
【Vue】el 和 data短小精湛的细节!
【Vue】el 和 data短小精湛的细节!
|
7月前
|
JavaScript
「Vue面试题」在vue中为什么data属性是一个函数而不是一个对象
「Vue面试题」在vue中为什么data属性是一个函数而不是一个对象
45 0
|
9月前
|
JavaScript 容器
[Vue] el 与 data 的两种写法
[Vue] el 与 data 的两种写法
|
11月前
|
JavaScript 容器
Vue(Vue2+Vue3)——7.el和data的两种写法
Vue(Vue2+Vue3)——7.el和data的两种写法
|
11月前
|
JavaScript 前端开发
Vue —— 基础(零)(模板语法、数据绑定、el/data写法、MVVM模型)
Vue —— 基础(零)(模板语法、数据绑定、el/data写法、MVVM模型)
|
11月前
|
存储 JavaScript 前端开发
Vue中的var that=this;是啥意思?为什么要这样写?
Vue中的var that=this;是啥意思?为什么要这样写?
120 0