-
一个组件就是一个vue实例
查看全部 -
component组件 Vue.component("todo_comp",{ template:"" })查看全部
-
计算属性：computed：{
}
监听器： watch：{
}
查看全部 -
指令v-bind绑定属性，可缩写为:
查看全部 -
指令v-on绑定事件，可缩写为@
查看全部 -
指令v-text和v-html区别
若数据项含有标签代码，如:<h1>hello</h1>
v-text会将标签代码转译，会将<h1>hello</h1>整体显示
v-html则输出hello
无标签代码时无区别
查看全部 -
插值表达式：{{xxx}}
查看全部 -
1.<script>标签引入vue.js放置<head>标签中，防止出现抖屏现象
查看全部 -
改变安装路径 需要 cd … 不同盘符需要 cd /d F:/name
1）、npm install --global vue-cli 全局安装vue脚手架工具 vue-cli（安装之前，先安装node/npm）
2）、vue init webpack my-project
创建一个基于webpack模版的新项目 项目名称不能有大写字母
3）、cd my-project 进入到项目目录
4）、npm run dev 运行项目
文件下的子文件夹：
build : webpack的配置文件。
config : 是线上环境和线下环境一些配置文件；
node_modules : 项目的的依赖；
src : 源代码；
static : 静态资源；
查看全部 -
父组件向子组件传值是通过属性的方式进行值的传递的，接受用props：['属性名']
可以接受内容和下标
触发方法（小组件）：this.$emit('自定义事件',this.下标)-->带值向外触发（父组件）
子组件：
：index="index"//记录下标
@delete="父组件的方法名"//监听小组件的操作
父组件方法： fuction(index){
this.list.splice(index,1)//将该下标下的值删除一位
}
查看全部 -
每个组件都是vue的实例；
每个实例的组成部分：
props、template、data、methods...
每一个组件都有一个template模板，如果没有写template，默认为挂载点下面的所有DOM标签作为模板
查看全部 -
props用于组件传值
查看全部 -
全局组件：
//写在vue实例外
Vue.componet('todo-list',{
tempate: '<li>item</li>
})
局部组件：
//写在vue实例外
var TodoItem = {
template: '<li>item</li>'
}
//写在vue实例中
component： {
‘todo-list': TodoItem
}
查看全部 -
this.list.push()//添加方法
查看全部 -
v-if和v-show：这两个属性用来控制dom显示/隐藏，当值为true则显示，为false则隐藏。if和show的一大区别在于if是通过销毁dom的方式实现隐藏，而show是通过隐藏dom的方式实现的，具体需要灵活使用；
v-for属性：主要用于遍历数组数据，并自动生成dom列表。如v-for='(item, index) of list' :key='index'，其中:key必须是唯一的，item是遍历出的子项；-->item:数据，index:下标
查看全部
举报