vue的一些基本用法

1.vue实例对象 cnpm run dev
new Vue({
el:'#app',
template:'<div>{{message}}</div>',
data:{
message:'hello vue'
}
}); 这里就是实例一个Vue对象

import Vue from 'vue' 这里注意的是 要添加es6
2.
components是组件的意思 这里的意思是将app这个逐渐放到body里面 这样的话就算是添加功能吧
这里就是将一个组件实例化,组件的名字是 my-header然后花括号里面就是new Vue{}里面的内容,
Vue.component(xxx,{}) 如果是new Vue里面添加组件的话 后面要加一个s 就是components

也可以用另一种方法 :就是在全局上面创建一个component变量 然后在new Vue里面创建一个components:对象里面加上my-header

3.二级嵌套的时候最下级元素要在上一级的标签里面写上自己的标签

4.
data:里面加function 就可以每次返回不同的值,不至于值被定死了

5.vue的指令和方法是以$开头后面加数据或者方法 例如

6.指令 指令是写在template里面的 这样就可以进行交互作用

7内置组件 vue里面一些内置的方法
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值