vue基础(语法糖,条件渲染)

vue.js源代码

  • 大量采用匿名函数 形如(function(){}) ()

    1. 特点
    • 安全性高
    • 减少了函数命名冲突
    • 第二个括号才是函数的真正运行, 里面可以传入实际参数
    • 第一个括号确定了匿名函数的作用范围, 语法不会报错, 里面放一个没有名字的函数, 函数可以接收形式参数
    2. 底层代码封装
    • 匿名函数作用
      1. 确定vue.js这个库的使用方法
        a. 直接将Vue当做全局的一个方法使用, 因为将Vue挂在了 window
        b. 使用了amd来定义vue.js这个库为一个模块, 这样我们才能模块化引入

      2. 封装库如何定义

1. 模板语法

1. alert console.log 不能用 
2. if条件改成使用三元表达式
3. 方法一定要写在methods里面, 不要直接写在模板语法中
4. 模板语法中支持使用匿名函数可以直接写 

2. 列表渲染

v-for指令
 v-for = " xxx in data "  //类似for循环

{
  { xxx }} 

如果需要使用索引:index

v-for = "(item,index) in data "

{
  { item }} --- {
  { inde
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值