-
methods：
定义函数
v-if v-show 显示效果差不多，但是v-if会移除，消耗性能，v-show会被隐藏，属性变成null
v-for
查看全部 -
computed:{
fullname : funtion(){
return ;
}
}
侦听器
watch:
查看全部 -
单向绑定v-bind = :
双向绑定v-model
查看全部 -
v-bind
查看全部 -
<div v-for="item of list">{{item}}</div>
查看全部 -
{{ }} 双括号包裹变量，称之为 插值表达式；
v-text 原样输出数据值；
v-html 会进行html 转换输出数据值；
查看全部 -
单文件组件内不需要绑定挂载点什么的,内部数据可以直接用
查看全部 -
局部组件
查看全部 -
#全局安装 vue-cli
$ npm install --global vue-cli
#创建一个基于 webpack 模板的新项目
$ vue init webpack my-project
#安装依赖
$ cd my-project
$ npm run dev
查看全部 -
我们可以把一个较大的项目拆分一个小的组件，这样维护起来就比较方便
vue组件的定义，这里说两种：
全局组件：vue提供vue.component()来定义组件，第一个参数的组件名称，也是我们将要写在dom里的标签，第二个参数是一个对象，里面可以定义一个模板，也是我们要显示的内容。
还有一种方式叫做局部组件，在外面定义一个对象，对象里面装着模板，都是这样还不可直接使用，我们需要在实力里面进行注册，配置标签名和内容，意思就是在我这个vue实例里面去使用这个组件。
在标签内可以像以往一样正常使用指令
要想现实我们显示的内容，我们可以进行传参，在标签里面定义属性，属性就我们想要现实的内容，然后在组件里面用props（固定）给接收过来就可以正常使用了
创建全局组件的方法：Vue.component('',{})
创建局部组件的方法： Var TodoItem = { }
使用局部组件需要声明注册：components : { 'todo-item' :TodoItem}
查看全部 -
w
查看全部 -
dtodolist
查看全部 -
开始学习vue 适合小白 不错
查看全部 -
组件与实例
查看全部 -
组件拆分
查看全部
举报