Vue06-el与data的两种写法
一、el属性用来指示vue编译器从什么地方开始解析 vue的语法，可以说是一个占位符。
1-1、写法一
https://img-blog.csdnimg.cn/direct/6d71d0e40c7342f8a1ea11cc3c084b6f.png
1-2、写法二
当不利用el属性的时间：
https://img-blog.csdnimg.cn/direct/19b3073fc91c412ca2e0fcee4fc2b564.png
https://img-blog.csdnimg.cn/direct/a6a3aa2fe8584c77a9880e2584d2712a.png
https://img-blog.csdnimg.cn/direct/82ec2d8d957c4b02bf7d92a12192de3a.png
两种写法都可以。
v.$mount('#root');写法的好处：比较机动：
https://img-blog.csdnimg.cn/direct/0fc7118ac16c47868d209304d30430c0.png
二、data的两种写法
2-1、对象式
https://img-blog.csdnimg.cn/direct/1793bc97750b4749b74c6c105b58e503.png
2-2、函数式
https://img-blog.csdnimg.cn/direct/aad558d733f64282971b62c7c4bf9ddf.png
学到组件的时间，data必须利用函数式写法！！！
data函数式中this的值
1、平凡函数情势：
https://img-blog.csdnimg.cn/direct/58a220794cc743a3a1de8f119375e567.png
https://img-blog.csdnimg.cn/direct/0e2543a0ca9f4a44b7114b764db1dc70.png
2、箭头函数情势：
https://img-blog.csdnimg.cn/direct/008f77adee734f3cb615989ae6610aab.pnghttps://img-blog.csdnimg.cn/direct/7eec7ee87ac2497981bc6f5df76d2c28.png
由于，箭头函数没有本身的this，会往外找！
2-3、平凡函数情势的简写
https://img-blog.csdnimg.cn/direct/0937cd0e8e7344b89c77e68aa7fab703.png
https://img-blog.csdnimg.cn/direct/73f51e3b30284a27b7f73b785ba6dfd3.png
三、小结
https://img-blog.csdnimg.cn/direct/58f8cf0261db4da3b0fa89eee9c4e84f.png
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。
页:
[1]