Vue初级使用

Vue实例

  1. App.vue去调用组件里面的HelloWorld.vue

  2. 再template里面去调用另一个组件的方法时使用

    <组件名 属性名=参数>
    
  3. 创建Vue实例

    x:实例,Vue对象,为Vue对象创造一个实例

    cnost x = new Vue({  //const 常量,常数
    	el:'#root'  //element的缩写 用于指定当前Vue实例为哪个容器服务,值通常为css选择器字符串。
    }) 
    
  4. 阻止vue在启动时生成生产提示。

     vue.config.productionTip=false //阻止vue在启动时生成生产提示。
    
  5. css里面的所有属性的变量,通配符

       *{
       key:value
       ......
       }
       ```
    

总结

  1. 想让Vue工作,就必须创建一个Vue实例,且要传入一个配置对象。
  2. root容器里的代码依然符合html规范,只不过混入了一些特殊的Vue语法。
  3. root容器里的代码被称为【Vue模板】。
  4. Vue实例和容器是一一对应的。
  5. 真实开发中只有一个Vue实例,并且会配合着组件一起使用。
  6. ({xxx)]中的xxx可以写js表达式,且xxx可以自动读取到data中的所有属性。
  7. 一但data中的数据发生改变,那么页面中用到该数据的地方也会自动更新。

不足之处,请多指教!!!

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值