Vue 教程及方法

本文介绍了如何在Vue中创建数据绑定的实例,包括使用data的两种方式(对象式和函数式,推荐函数式),以及如何在root容器中编写符合HTML规范的Vue模板。重点强调了Vue实例与容器的关系,数据变化对模板自动更新的特性,以及Vue开发中组件的配合使用。
摘要由CSDN通过智能技术生成

Vue的一些基础操作方法

1.data:{}对象式

        2.data(){return{}}函数式

        注:不要使用箭头函数,搭建脚手架(vue-cli)后,必须使用函数式

        data用于定义变量的集合,通常与插值提供

        el绑定创建的容器

         1.el:"容器名称,如id或class等"

         2.Vue实例.$mount("容器名称,如id或class等")

         注:$mount绑定方式一定放在实例最后

         vue启动时出现的提示,Vue.config.productionTip阻止启动提示


结论:

1.想让Vue工作,就必须创建一个Vue实例,且要传入一个配置对象

2.root容器里的代码依然符合html规范,只不过混入一些特殊的Vue语法

3.root容器里的代码被称为<<Vue模板>>

4.Vue实例和容器是一一对应的

5.{{xxx}}中的xxx要写成js表达式,且xxx可以自动读取到data中的所有属性

6.真是开发中只有Vue一个实例,并且会配合着组件一起使用

7.一旦data中的数据发生改变,那么模板重用该数据的地方也会自动更新

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值