Vue el和data的两种写法

1.5 el 与 data的两种写法

el 有两种写法
1.创建Vue实例对象的时候配置el属性
2.先创建Vue实例，随后再通过vm.$mount(‘#root’)指定 el 的值
data 有两种写法
1.对象式：data：{ }
2.函数式：data（）{return{ }}
如何选择：目前哪种写法都可以，以后用到组件时，data必须使用函数，否则会报错一个重要的原则
由Vue管理的函数，一定不要写箭头函数 ，否则this就不再是 Vue实例了

<!DOCTYPE html>
<html><head><meta charset="UTF-8" /><title>el与data的两种写法</title><!-- 引入Vue --><script type="text/javascript" src="../js/vue.js"></script></head><body><div id="root"><h1>你好，{{name}}</h1></div></body><script type="text/javascript">Vue.config.productionTip = false //阻止 vue 在启动时生成生产提示。// el的两种写法// const v = new Vue({//     //el:'#root', // 第一种写法//  data: {//       name:'cess'//     }// })// console.log(v)// v.$mount('#root') // 第二种写法// data的两种写法new Vue({el: '#root',// data的第一种写法：对象式// data:{//    name:'cess'// }//data的第二种写法：函数式data() {console.log('@@@', this) // 此处的this是Vue实例对象return {name: 'cess'}}})</script>
</html>

Vue el和data的两种写法相关推荐

Vue2（一）：初识Vue、模板语法、数据绑定、el和data的两种写法、MVVM、数据代理、事件
Vue2学习笔记:第一章一.初识Vue 1. Vue的特点 2. Vue实例中的el和data 3.总结二.模板语法 1.插值语法 2.指令语法三.数据绑定 1.单向数据绑定(v-bind) 2 ...
Vue2基础-el与data的两种写法（HTML版）
目录一.el的2种写法二.data的2种写法三. 一个重要的原则 Vue2基础全套教程合集:点击跳转 Vue2高级全套教程合集:点击跳转一.el的2种写法 new Vue时候配置 ...
从零学习Vue - 02模板语法、el与data两种写法、mvvm模型、数据代理
root容器里的代码被称为模板,有了模板会有特殊的模板语法.Vue模板中语法有两大类,一类是插值语法,另一类是指令语法. 插值语法功能:用于解析标签体内容.写法:{{xxx}},xxx为js表达式, ...
（五）Vue之data与el的两种写法
文章目录 el的两种写法 data的两种写法 Vue学习目录上一篇:(四)Vue之数据绑定下一篇:(六)Vue之MVVC 容器: <div id="root">&l ...
vue的axios两种写法（不知道对不对，仅供参考）
vue的axios两种写法(不知道对不对,仅供参考) `methods () { getHomeInfo () { axios.get ('/api/index.json') ...
vue单文件props写法_详解Vue 单文件组件的三种写法
详解Vue 单文件组件的三种写法 JS构造选项写法 export defaul { data, methods, ...} JS class写法 @Component export default c ...
【v-on】一个元素绑定多个事件以及一个事件绑定多个函数的两种写法
本文代码主要讲述了v-on绑定事件函数传参,一个元素绑定多个事件的两种写法,一个事件绑定多个函数的两种写法,修饰符的使用. <!DOCTYPE html> <html lang=&q ...
Vue中模板template的四种写法
<div id="app"><h1>我是直接写在构造器里的模板1</h1> </div><template id=" ...
两种写法的效果一样，那么到底哪一种更好呢？
点击上方蓝色"程序猿DD",选择"设为星标" 回复"资源"获取独家整理的学习资料! 有时候,我们在写一些循环逻辑的时候,并不是按执行次数等作 ...

Vue el和data的两种写法

1.5 el 与 data的两种写法

Vue el和data的两种写法相关推荐

最新文章

热门文章